npm 包 emojione-forked 使用教程

什么是 emojione-forked

emojione-forked 是一个基于 emojione 的定制，它提供了更多、更全面的表情符号。emojione-forked 是一个 npm 包，使用该包可以方便地在前端页面中使用表情符号。

安装 emojione-forked

如果你的项目使用了 npm 管理依赖，可以运行以下命令来安装 emojione-forked：

npm install emojione-forked

安装完成后，你可以直接在代码里引入该包：

import emojioneForked from 'emojione-forked'

使用 emojione-forked

引入 emojione-forked 后，你就可以使用该包提供的函数将表情符号转换为 HTML 标签。

将表情符号转换为 HTML 标签

const input = 'I ❤️ emojione-forked!'
const output = emojioneForked.shortnameToImage(input)
console.log(output)

输出结果：

I <img class="emojione" alt="❤️" src="https://cdn.jsdelivr.net/emojione/assets/svg/2764.svg" /> emojione-forked!

在上面的代码中，shortnameToImage 是一个将表情符号转换为 HTML 标签的函数。你可以将标签插入到页面中，从而显示表情符号。

该函数的原型为 shortnameToImage(input: string, attributes?: Object, useAlt?: boolean): string，其中 input 是原始字符串，attributes 是一些传递给标签的属性，useAlt 是否使用 alt 属性。

将 HTML 中的表情符号还原为文本

有时候，我们需要将 HTML 中的表情符号还原为文本，这时候可以调用 emojioneForked.toShort(input: string, useAlt?: boolean): string 函数。

const input = 'I <img class="emojione" alt="❤️" src="https://cdn.jsdelivr.net/emojione/assets/svg/2764.svg" /> emojione-forked!'
const output = emojioneForked.toShort(input)
console.log(output)

输出结果：

I :heart: emojione-forked!

将表情符号转换为 Unicode

如果你需要将表情符号转换为 Unicode 字符串，可以调用 emojioneForked.shortnameToUnicode(input: string): string 函数。

const input = 'I :heart: emojione-forked!'
const output = emojioneForked.shortnameToUnicode(input)
console.log(output)

输出结果：

I ❤️ emojione-forked!

总结

emojione-forked 是一个非常实用的 npm 包，它能够帮助开发者方便地在前端页面中使用表情符号。在使用 emojione-forked 时，只需借助该包提供的函数，就可以将表情符号转换为 HTML 标签，也可以将 HTML 中的表情符号还原为文本，甚至将表情符号转换为 Unicode 字符串。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055e8c81e8991b448dbe7e