我正在开发一个使用angular技术的社交网络应用程序。我使用CKEditor免费版来实现一些核心应用程序功能,如下所示。1.创建新的支柱组件
1.渲染组件
我找不到在HTML div标签中转换(用户输入)符号;) :( :)到表情符号的方法如果有人知道请指导我
;) :( :)
ycggw6v21#
😴=所以你需要一个在文本区域中输入的字符串和这段代码之间的Map。例如,
{ ':|': "1F610" }
字符串然后对应于那个代码点,我们可以显示笑脸。作为参考,https://codesandbox.io/s/vibrant-lehmann-ibvncy?file=/index.html
dpiehjr42#
新的ckeditor emoji插件允许您添加emoji。它还可以根据关键字自动检测和过滤相关的emoji。例如。
:thumbs_up
字符串在你的祝贺中添加以下内容:
config.emoji_emojiListUrl
型以下链接包含演示https://ckeditor.com/docs/ckeditor4/latest/examples/mentions.html
2条答案
按热度按时间ycggw6v21#
如果我理解你的问题清楚,你想在网页上显示表情符号时,用户在文本区域输入他们的符号.这可以使用一个内置的文本编辑器插件像TinyMCE.但如果你想尝试原生的方式,简单的基金会在这里是:当与UTF-8一起使用时,这些表情符号字符可以作为Unicode十进制或十六进制码位使用,网页上使用的默认字符集。要获取笑脸的十六进制码位列表,请参阅:https://www.unicode.org/charts/PDF/U1F600.pdf
要在网页上显示任何特殊字符,我们使用“&#x<hexa_code_point>”或“&#<dec_code_point>”。
例如,
🙂=
😴=
所以你需要一个在文本区域中输入的字符串和这段代码之间的Map。例如,
字符串
然后对应于那个代码点,我们可以显示笑脸。
作为参考,https://codesandbox.io/s/vibrant-lehmann-ibvncy?file=/index.html
dpiehjr42#
新的ckeditor emoji插件允许您添加emoji。它还可以根据关键字自动检测和过滤相关的emoji。例如。
字符串
在你的祝贺中添加以下内容:
型
以下链接包含演示
https://ckeditor.com/docs/ckeditor4/latest/examples/mentions.html