html 如何将输入的文本转换为emoji

gpnt7bae  于 11个月前  发布在  其他
关注(0)|答案(2)|浏览(125)

我正在开发一个使用angular技术的社交网络应用程序。我使用CKEditor免费版来实现一些核心应用程序功能,如下所示。
1.创建新的支柱组件

1.渲染组件

我找不到在HTML div标签中转换(用户输入)符号;) :( :)到表情符号的方法
如果有人知道请指导我

ycggw6v2

ycggw6v21#

如果我理解你的问题清楚,你想在网页上显示表情符号时,用户在文本区域输入他们的符号.这可以使用一个内置的文本编辑器插件像TinyMCE.但如果你想尝试原生的方式,简单的基金会在这里是:当与UTF-8一起使用时,这些表情符号字符可以作为Unicode十进制或十六进制码位使用,网页上使用的默认字符集。要获取笑脸的十六进制码位列表,请参阅:https://www.unicode.org/charts/PDF/U1F600.pdf
要在网页上显示任何特殊字符,我们使用“&#x<hexa_code_point>”或“&#<dec_code_point>”。
例如,
🙂=

&#x1F634=
所以你需要一个在文本区域中输入的字符串和这段代码之间的Map。例如,

{
 ':|': "1F610"
}

字符串
然后对应于那个代码点,我们可以显示笑脸。
作为参考,https://codesandbox.io/s/vibrant-lehmann-ibvncy?file=/index.html

dpiehjr4

dpiehjr42#

新的ckeditor emoji插件允许您添加emoji。它还可以根据关键字自动检测和过滤相关的emoji。例如。

:thumbs_up

字符串
在你的祝贺中添加以下内容:

config.emoji_emojiListUrl


以下链接包含演示
https://ckeditor.com/docs/ckeditor4/latest/examples/mentions.html

相关问题