1.0.1 • Published 5 years ago

@znlbwo/wechat-emoji v1.0.1

Weekly downloads
-
License
MIT
Repository
-
Last release
5 years ago

@znlbwo/wechat-emoji

Coverage Status

微信 emoji 表情插件,包含表情面板、文字转表情功能。

项目说明

用户故事

背景:我司自有一套类 云雀客服 的微信公众号管理系统,与公众号粉丝进行聊天互动。

  1. 我是一名微信公众号客服,我希望可以给粉丝发送带表情的消息,而不是干巴巴的文字,这样能够让粉丝觉得更亲切、更有温度。
  2. 我是一名微信公众号客服,粉丝发送过来的消息,表情无法正常显示。我希望能够显示出表情,这样能够让我更容易理解用户的语气。

需求分析

微信内的表情大多是微信团队自己设计的,非标准 Unicode emoji
在网络传输中,微信非标准 Unicode emoji 使用别名代替,比如 “微笑” 或 “/::)”,目前已知是这两种格式的别名。标准 Unicode emoji 因为本身就是 Unicode 字符,所以可以直接在网页中显示。

需求确认

  1. 表情面板
  2. 表情别名解析、转换

使用说明

安装依赖

yarn add @znlbwo/wechat-emoji

示例

Demo

API 说明

WechatEmojiPanel

微信 emoji 表情面板类

将生成的表情面板 Element 插入指定的 el 容器元素。

属性类型描述
elElement表情面板容器元素
onSelectFunction点击选中表情的回调函数,参数:点击选中的表情别名

convertAlt2Emoji

将表情别名转换为 img element

传入表情别名,返回 img element

convertText2Emoji

将文本中的表情别名转换为 img element

传入一段文本,返回一段带 img element 的文本。