javascript - 如何用 twemoji 替换 html 中的表情符号？

Question

在用户生成的帖子中，我有很多原始表情符号，例如

   <p>I ❤ your post!</p> 

我想知道将这些表情符号替换为彩色表情符号的最佳方式是什么，例如:

 <p>I <i class="twa twa-heart">❤️</i> your post!</p>

我想用 twemoji 设置表情符号的样式图书馆。

您可能会问为什么不让用户在选择表情符号时首先插入样式表情符号？答案是界面的文本编辑器不是所见即所得，用户帖子被严重剥离。所以排除了这种选择，我正在寻找一种在渲染时进行这种转换的解决方案。

Answer 1

查看 twemoji 的文档.... https://github.com/twitter/twemoji#api

应用程序接口(interface)

以下是twemoji 命名空间中公开的所有方法。

twemoji.parse( ... ) V1

这是主要的解析实用程序，每种解析类型有 3 个重载。

解析主要有两种:string parsing和 DOM parsing .

你可以解析字符串(解析它们的输入)。

我相信您正在寻找这样的平滑剂:

但是，对于已经清理过的字符串，这种方法可以认为是足够安全的。如果安全是您主要关注的问题之一，请参阅 DOM 解析。

twemoji.parse('I \u2764\uFE0F emoji!');

// will produce
/*
I <img
  class="emoji"
  draggable="false"
  alt="❤️"
  src="https://twemoji.maxcdn.com/36x36/2764.png"/> emoji!
*/