Cách Code Comment Như Của Facebook - Viblo

CodeHay Theo dõi Yêu cầu thg 8 24, 2020 5:16 SA Yêu cầu thg 8 24, 2020 5:16 SA• 1295 1 3

• 1295 1 3

+1

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 ạ.

Đăng câu trả lời CodeHay @CodeHay Theo dõi 10 0 2 0 Bookmark câu hỏi này Thêm một bình luận

3 CÂU TRẢ LỜI

Gấu Mẹ Vĩ Đại Theo dõi Đã trả lời thg 8 24, 2020 6:03 SA Đã 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ẻ Chia sẻ liên kết đến câu trả lời này Đóng Gấu Mẹ Vĩ Đại @hungpv Theo dõi 1.5K 52 0 22

thanks you bác.

Thêm một bình luận Nguyễn Hữu Kim Theo dõi Đã trả lời thg 8 25, 2020 4:25 SA Đã 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...

• https://github.com/iamcal/js-emoji - JavaScript emoji library
• https://github.com/iamcal/php-emoji - PHP emoji library
• https://github.com/mroth/emoji-data-js - NodeJS emoji library
• https://github.com/mroth/emoji_data.rb - Ruby emoji library
• https://github.com/mroth/exmoji - Elixir/Erlang emoji library
• https://github.com/needim/wdt-emoji-bundle - a Slack-style JavaScript emoji picker
• https://github.com/mroth/emojistatic - emoji image CDN
• https://github.com/juanfran/emoji-data-css - emoji css files
• https://github.com/afeld/emoji-css/ - an easy way to include emoji in your HTML
• https://github.com/alexmick/emoji-data-python - Python emoji library
• https://github.com/nulab/emoji-data-ts - TypeScript emoji library

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

Chia sẻ Chia sẻ liên kết đến câu trả lời này Đóng Nguyễn Hữu Kim @huukimit Theo dõi 13.5K 483 5 284 Thêm một bình luận Son Dao Thai Theo dõi Đã trả lời thg 8 24, 2020 2:48 CH Đã 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ẻ Chia sẻ liên kết đến câu trả lời này Đóng Son Dao Thai @dao.thai.son Theo dõi 7.2K 282 0 99 Thêm một bình luận 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 nhập Đăng kí