代码拉取完成，页面将自动刷新
微信表情解析工具，可以实现表情解析和表情发送功能
npm:
npm install wechat-emoji-parser -S
yarn:
yarn add wechat-emoji-parser
import { getEmojis } from 'wechat-emoji-parser'
let emojis = getEmojis({ size: 24 })
/*emojis
[
{
cn: "[右哼哼]"
code: "/:@>"
style:{
background: "url(https://res.wx.qq.com/wxdoc/dist/assets/img/emoji-sprite.b5bd1fe0.png) no-repeat"
background-position: "0px 0px"
background-size: "599.7px"
display: "inline-block"
height: "50px"
width: "50px"
}
....
]
*/
输入：option: {size: number, emojiSpriteUrl: string}
| 属性名 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| size | number | 64 | emoji 大小，单位 px |
| emojiSpriteUrl | string | https://res.wx.qq.com/wxdoc/dist/assets/img/emoji-sprite.b5bd1fe0.png | 雪碧图文件路径,为了避免链接失效，最好将 src/assets/emoji-sprite.png 中的文件上传自己的 cdn，然后设置为对应的资源路径 |
输出 emojis: [ { code: string, cn: string, style: { display: string background: string width: string height: string 'background-position': string 'background-size': string }
}]
| 属性名 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| code | string | emoji 对应的编码，如：/:@> | |
| cn | string | 中文显示，如：[右哼哼] | |
| style | Object |
import { parseEmoji, configParseEmoji } from 'wechat-emoji-parser'
configParseEmoji({ size: 30 }) // 设置一些参数
const res = parseEmoji('哈哈[西瓜]') // 解析文本
configParseEmoji(option: object) 配置解析规则
| 属性名 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| size | number | 64 | emoji 大小，单位 px |
| emojiSpriteUrl | string | https://res.wx.qq.com/wxdoc/dist/assets/img/emoji-sprite.b5bd1fe0.png | 雪碧图文件路径,为了避免链接失效，最好将 src/assets/emoji-sprite.png 中的文件上传自己的 cdn，然后设置为对应的资源路径 |
| tag | string | 'a' | 解析后的 html 标签 |
parseEmoji(str: string)
输入：待解析的文本
输出：解析后的内容
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。
马建仓 AI 助手