wechat-emoji-parser

微信表情解析工具，可以实现表情解析和表情发送功能

• 可用于公众号接收用户表情消息，将表情码转换为对应的表情 html 内容
• 还可以获取聊天表情，可以应用于聊天应用的表情

install（安装）

npm:

npm install wechat-emoji-parser

pnpm:

pnpm add wechat-emoji-parser

How to use（使用）

getEmojis(option)：获取表情

import { getEmojis } from 'wechat-emoji-parser'
let emojis = getEmojis({ size: 24 })
/*emojis
[
  {
    cn: "[右哼哼]"
    code: "/:@>"
    style:{
      background: "url(...) no-repeat"
      background-size: "24px"
      display: "inline-block"
      height: "24px"
      width: "24px"
	}
....
]
*/

1. 输入：option: {size: number}

   | 属性名 | 类型 | 默认值 | 说明 | | -------------- | ------ | --------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------- | | size | number | 64 | emoji 大小，单位 px |

2. 输出 emojis:

[
   {
   code: string,
   cn: string,
   style: {
     display: string,
     background: string,
     width: string,
     height: string,
     'background-size': string,
   }
}]

| 属性名 | 类型 | 默认值 | 说明 | | ------ | ------ | ------ | -------------------------- | | code | string | | emoji 对应的编码，如：/:@> | | cn | string | | 中文显示，如：[右哼哼] | | style | Object | | |

parseEmoji(str) 解析表情

import { parseEmoji, configParseEmoji } from 'wechat-emoji-parser'
configParseEmoji({ size: 30 }) // 设置一些参数
const res = parseEmoji('哈哈[西瓜]') // 解析文本

• configParseEmoji(option: object) 配置解析规则

  | 属性名 | 类型 | 默认值 | 说明 | | -------------- | ------ | --------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------- | | size | number | 64 | emoji 大小，单位 px | | tag | string | 'a' | 解析后的 html 标签 |

• parseEmoji(str: string)

  输入：待解析的文本

  输出：解析后的内容

Example

• vue 项目使用案例

Contribution（贡献）

1. 添加表情 在src/assets/emojis里面加上表情图片
2. 添加表情配置 然后在emoji.json里面加上表情的编码规则，src字段对应表情图片的位置