Yêu cầu thg 8 24, 2020 5:16 SA 1170 1 3
  • 1170 1 3
+1

Cách Code Comment Như Của Facebook

Chia sẻ
  • 1170 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 CÂU TRẢ LỜI


Đã trả lời thg 8 24, 2020 6:03 SA
+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é 👍

Chia sẻ
Avatar CodeHay @CodeHay
thg 9 1, 2020 9:17 SA

thanks you bác.

Đã trả lời thg 8 25, 2020 4:25 SA
+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é.

Chia sẻ
Đã trả lời thg 8 24, 2020 2:48 CH
+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/

Chia sẻ
Viblo
Hãy đăng ký một tài khoản Viblo để nhận được nhiều bài viết thú vị hơn.
Đăng kí