什么是 twemoji-parser？
twemoji-parser 是一个 npm 包，它能够解析字符串中的 emoji 表情并将其转换成相应的 HTML 代码或 Unicode 字符。它支持的 emoji 表情来自于 Twitter 的 twemoji 项目。
安装
使用 npm 进行安装：
npm install twemoji-parser --save
使用方法
在你的项目中引入 twemoji-parser：
const twemojiParser = require('twemoji-parser');将 emoji 字符串转换成 Unicode 字符
const emojiString = 'I ❤️ emoji!'; const unicodeString = twemojiParser.parse(emojiString); console.log(unicodeString);
输出结果为：
I ❤️ emoji!
将 emoji 字符串转换成 HTML 标签
const emojiString = 'I ❤️ emoji!';
const htmlString = twemojiParser.parse(emojiString, { folder: 'svg', ext: '.svg' });
console.log(htmlString);输出结果为：
I <img class="emoji" draggable="false" alt="❤️" src="https://twemoji.maxcdn.com/v/latest/svg/2764.svg"/> emoji!
根据指定格式将 emoji 字符串转换成 HTML 标签
const emojiString = 'I ❤️ emoji!';
const htmlString = twemojiParser.parse(emojiString, { folder: 'svg', ext: '.svg', format: ':%s:' });
console.log(htmlString);输出结果为：
I <img class="emoji" draggable="false" alt="❤️" src="https://twemoji.maxcdn.com/v/latest/svg/2764.svg" title=":heart:"/> emoji!
其中 format 参数中的 %s 表示将要被表情替换的字符。在上面的示例中，%s 被替换成了 heart，所以生成的 HTML 标签中添加了 title=":heart:" 属性。
指导意义
twemoji-parser 能够方便地将 emoji 表情转换成 HTML 标签或 Unicode 字符，使得在 Web 开发中使用 emoji 表情变得更加容易。
在实践中，经常会遇到在 HTML 页面或制定样式表中使用 emoji 表情的情况。经过使用 twemoji-parser，我们能够快速将这些 emoji 表情转换成 HTML 标签或 Unicode 字符，并在页面中渲染出来。这样，我们就能够更好地满足用户对于表情的需求。
示例代码
-- -------------------- ---- ------- ----- ------------- - -------------------------- ----- ------------- - ---------------------- -- --------- --------------------------- ----- ---------- - ---------------------- -- -------- - ------- ------ ---- ------ --- ------------------------ ----- -------------------- - ---------------------- -- -------- - ------- ------ ---- ------- ------- ------ --- ----------------------------------
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/169679