Rémy Beumier
Đăng vào ngày 7 tháng 2 năm 2020 • Cập nhật vào ngày 22 tháng 3 năm 2021
Emoji xuất hiện lần đầu tiên vào năm 1997 trên điện thoại di động Nhật Bản. Họ là hậu duệ của các biểu tượng cảm xúc; đó là những sự bắt chước cơ bản dựa trên văn bản của cảm xúc ;-]-vâng, đây là một ví dụ thực tế.
Emoji đã phát triển về mức độ phổ biến nhiều năm sau nhiều năm bằng cách được đưa vào ngày càng nhiều máy tính, thiết bị di động, ứng dụng, trò chơi, v.v ... Hiện nay chúng rất phổ biến đến nỗi chúng chiếm một phần của văn hóa phổ biến.
Chúng tôi đang sử dụng những người trợ giúp giao tiếp, đặc biệt là trong các thế hệ trẻ. Nhưng họ làm việc bằng cách nào? Để giữ ánh sáng, hãy nói rằng biểu tượng cảm xúc là các nhân vật; Rất giống như các chữ cái, dấu chấm câu hoặc biểu tượng.
👽 📞
Bạn có thể tìm thấy bộ phim này không?
Làm thế nào tôi tích hợp những biểu tượng cảm xúc vào bài viết của tôi? Làm thế nào tôi có thể làm điều đó ở bất cứ đâu trên web?
Chúng tôi sẽ thấy các kỹ thuật khác nhau có sẵn trong HTML, CSS và JavaScript. Họ dựa vào hai phương pháp; Sao chép lại và Codepoint. Trước tiên hãy tìm biểu tượng cảm xúc của bạn, sau đó làm theo các bước trong ngôn ngữ bạn muốn.
First find your Emoji, then follow the steps in the language you want.
HTML
Cách đơn giản nhất. Bạn có thể dán biểu tượng cảm xúc được chọn trước đó.
🔥
Nhập chế độ FullScreenen EXIT Mode FullScreen
Tùy chọn khác của bạn là sử dụng CodePoint của Emoji và thay thế U+
bằng
🔥
0.🔥
Nhập chế độ FullScreenen EXIT Mode FullScreen
Tùy chọn khác của bạn là sử dụng CodePoint của Emoji và thay thế U+
bằng 🔥
0.
🔥
CSS
/* You need an HTML element with the class 'element' */
.element::before {
content: "🔥";
}
Nhập chế độ FullScreenen EXIT Mode FullScreen
Tùy chọn khác của bạn là sử dụng CodePoint của Emoji và thay thế U+
bằng
🔥
0./* You need an HTML element with the class 'element' */
.element::before {
content: "\01F525";
}
Nhập chế độ FullScreenen EXIT Mode FullScreen
Tùy chọn khác của bạn là sử dụng CodePoint của Emoji và thay thế U+
bằng 🔥
0.
🔥
CSS
/* You need an HTML element with the class 'element' */
document.querySelector[".element"].innerHTML = "🔥";
Nhập chế độ FullScreenen EXIT Mode FullScreen
Tùy chọn khác của bạn là sử dụng CodePoint của Emoji và thay thế U+
bằng
🔥
0./* You need an HTML element with the class 'element' */
document.querySelector[".element"].innerHTML = String.fromCodePoint[0x1F525];
Nhập chế độ FullScreenen EXIT Mode FullScreen
Tùy chọn khác của bạn là sử dụng CodePoint của Emoji và thay thế U+
bằng 🔥
0.
🔥
CSS
Trong CSS, bạn cần sử dụng
🔥
1 hoặc 🔥
2 phần tử giả kết hợp với thuộc tính nội dung nơi bạn dán cảm xúc làm giá trị.Try it yourself and use Emoji's all over the web!
Theo cách tương tự, bạn có thể sử dụng CodePoint thay thế U+
bằng
🔥
4.JavaScript
Trong JavaScript, bạn cần chỉ định
🔥
5 bằng cách dán cảm xúc.Tương tự, bạn có thể sử dụng phương thức chuỗi
🔥
6 trộn với giá trị CodePoint nơi bạn thay thế U+
bằng 🔥
8. Làm thế nào tôi có thể sử dụng biểu tượng cảm xúc trong JS:
//unicode.org/emoji/charts/full-emoji-list.html#1f600
Tôi đã thử với:
var emoji = String.fromCharCode[0x1F621];
var emoji = '\u1F600';
Tôi cũng đã cố gắng sao chép/dán chúng vào phpstorm ide và vào văn bản siêu phàm: điều đó đã cho tôi một char thiếu bình phương.
Tôi chỉ cần có một
🔥
9 bên trong JS của tôi!
Bergi
591K135 Huy hiệu vàng922 Huy hiệu bạc1309 Huy hiệu đồng135 gold badges922 silver badges1309 bronze badges
Hỏi ngày 4 tháng 9 năm 2017 lúc 19:55Sep 4, 2017 at 19:55
3
var emoji = String.fromCodePoint[0x1F621]
Result:
"😡"
Tuy nhiên, hãy cẩn thận về hỗ trợ trình duyệt hạn chế, vì
/* You need an HTML element with the class 'element' */
.element::before {
content: "🔥";
}
0 là một phần của tiêu chuẩn ES2015. Xem polyfill của Mozilla nếu cần.Thông số ngôn ngữ giải thích tại sao
/* You need an HTML element with the class 'element' */
.element::before {
content: "🔥";
}
1 không hoạt động:.
Và khối biểu tượng cảm xúc vượt quá giá trị tối đa được hỗ trợ bởi các số nguyên 16 bit không dấu.
Đã trả lời ngày 4 tháng 9 năm 2017 lúc 20:01Sep 4, 2017 at 20:01
Hugues M.Hugues M.Hugues M.
Huy hiệu vàng 19.2k66 gold badges32 silver badges61 bronze badges
2