我想在我的开源社交网络项目中嵌入自定义表情符号

Question

我正在计划创建一个在开源社交网络上运行的网站，并且想知道如何嵌入用户在发布帖子或 DM 时能够使用的自定义表情符号，或者甚至是有可能这样做。

我想要的一个例子是：用户输入 :ballcap: 并发送帖子。 然后系统会显示一个球帽的 svg 来代替 ":ballcap:"。

我需要制作一个组件来做到这一点吗？ 或者我是否使用 twemoji 之类的东西并编辑代码？ 或者还有什么我应该做的吗？

对不起，如果我听起来很愚蠢，我是初学者

Answer 1

我会推荐emojionearea 。

如果您创建一个输入，例如一个 textarea，如下所示：

<textarea id="example"></textarea>

然后您可以使用一点 JavaScript 将 emojionearea 链接到该输入，以便用户可以将 emojionearea 选择器中的表情符号添加到该输入中。

<script type="text/javascript">
  $(document).ready(function() {
    $("#example").emojioneArea();
  });
</script>

此外，要使 emojionearea 能够将用户输入的字符串解析为 :ballcap 等表情符号，您需要添加shortnames选项。 就这么简单。