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

Question

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

我想要的示例是：用户键入：ballcap：并发送帖子。然后，系统显示一个球帽的svg代替“：ballcap：”。

我需要制造一个可以做到这一点的组件吗？还是我使用twemoji之类的东西并编辑代码？还是我应该做些其他事情？

对不起，如果我听起来很愚蠢，我是新手

Answer 1

我会推荐emojionearea。

如果您创建输入（例如文本区域），如下所示：

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

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

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

此外，要使emojionearea能够将用户输入的字符串解析为表情符号（如：ballcap），您需要添加shortnames选项。 那样简单。