Asked Aug 24th, 2020 5:16 a.m. 1173 1 3
  • 1173 1 3
+1

Cách Code Comment Như Của Facebook

Share
  • 1173 1 3

Mình có một bài tập Là Code thanh bình luận như của facebook. Code giao diện ngoài thì mình làm được rồi. Chỉ có chỗ khi ấn vào các icon nó sẽ emoji khuôn mặt các thứ, xong nhấn vào đó sẽ đẩy lên thẻ input chỗ nhập. Anh chị có biết cách làm hoặc code mẫu nào không cho em xin với. Em cảm ơn nhiều ạ.

3 ANSWERS


Answered Aug 24th, 2020 6:03 a.m.
+8

cái đó là sự kiện click trong js

js thuần thì dùng .addEventListener("click", displayEmoji)

displayEmoji là function show danh sách emoji

nếu không quen thì dùng jquery, cái thư viện này nó to đùng, hỗ trợ nhiều lắm

dùng .on('click', displayEmoji)

là gái thì t làm luôn cho, còn trai thì tự tìm hiểu tiếp nhé 👍

Share
Avatar CodeHay @CodeHay
Sep 1st, 2020 9:17 a.m.

thanks you bác.

0
| Reply
Share
Answered Aug 25th, 2020 4:25 a.m.
+4

Phần emoji này bản chất là chúng ta sẽ đánh dấu trong văn bản bằng các từ khóa nhất định hoặc ký tự với Unicode nhất định 😄 Sau đó sẽ có một bộ Content Parser để chuyển các từ khóa hoặc ký tự trên về thành output như bạn thấy: có thể là font icon, html image...

Phần icon của facebook cũng có trong gói này https://www.npmjs.com/package/emoji-datasource-facebook và được sử dụng để implement trên khá nhiều ngôn ngữ như JavaScript, PHP, TypeScript...

Bạn có thể tham khảo để sử dụng luôn những package đã được opensource trên nhé.

Share
Answered Aug 24th, 2020 2:48 p.m.
+2

Bạn có thể dùng sẵn plugin của Facebook, đầy đủ chức năng giống hệt luôn này https://developers.facebook.com/docs/plugins/comments/

Share
Viblo
Let's register a Viblo Account to get more interesting posts.