首页 > 解决方案 > 我想在我的开源社交网络项目中嵌入自定义表情符号

问题描述

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

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

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

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

标签: phpsocial-networking

解决方案


我会推荐emojionearea

如果您创建一个输入,例如一个 textarea,如下所示:

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

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

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

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


推荐阅读