npm 包 @luchanso/retext-emoji 使用教程

简介

@luchanso/retext-emoji 是一个基于 retext 的 emoji 插件,可以将文本中的 emoji 单词转化为相应的 emoji 图标。本文将详细介绍如何使用这个 npm 包。

安装

使用 npm 进行安装:

--- ------- ----------------------

使用方法

----- ------- - ------------------
----- ----- - -----------------------
----- --------- - ---------------------------
----- ------ - -----------------
----- ----------- - ---------------------------------

----- ---- - ------------

----- --------- - ----------------------------------------------------------------

----- ------ - ---------------------------

---------------------------- -- ----------

指南

支持的 emoji

@luchanso/retext-emoji 支持绝大部分常用的 emoji。如果需要支持更多的 emoji,可以使用 emoji-regex 包进行扩展。

自定义 emoji 图标

可以使用 retextEmoji({convert: {':smile:': '😄'}}) 的方式,将 :smile: 转化为 😄。

----- ------- - ------------------
----- ----- - -----------------------
----- --------- - ---------------------------
----- ------ - -----------------
----- ----------- - ---------------------------------

----- ---- - ---------

----- --------- - ---------------------------------------------------------- ----------- -----------------------

----- ------ - ---------------------------

---------------------------- -- --

支持多种语言

@luchanso/retext-emoji 支持多种语言,可以使用 retextEmoji({convert: {':smile:': {locale: 'ja', emoji: '😄'}}}) 的方式,将 :smile: 转化为日语的 😄。

----- ------- - ------------------
----- ----- - -----------------------
----- --------- - ---------------------------
----- ------ - -----------------
----- ----------- - ---------------------------------

----- ---- - ---------

----- --------- - ---------------------------------------------------------- ----------- -------- ----- ------ ------------------------

----- ------ - ---------------------------

---------------------------- -- --

结语

@luchanso/retext-emoji 是一个非常实用的 npm 包,它可以大大简化 emoji 图标的使用,节省开发时间。希望这篇文章能为你带来帮助。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/60055eb081e8991b448dc4b2


猜你喜欢

  • npm 包 magnet-email-templates 使用教程

    在 Web 开发中,发送邮件是一项十分常见的操作,而邮件渲染则是其中重要的一环。magnet-email-templates 是一款基于 Handlebars 模板引擎的 Node.js 库,旨在帮助...

    2 年前
  • npm包syd-ui使用教程

    #npm包syd-ui使用教程 介绍 syd-ui是一款基于Vue.js的前端UI组件库,主要针对企业级应用开发,在实际开发过程中,经常需要用到各种表单、表格等组件,syd-ui就是为了解决这些问题而...

    2 年前
  • npm 包 filepick 使用教程

    在前端开发过程中,文件上传功能是比较常用的。而使用 npm 包 filepick 可以方便地实现文件上传功能。本教程将详细介绍如何使用 npm 包 filepick。

    2 年前
  • npm 包 Passport-bqj 使用教程

    什么是 Passport-bqj ? Passport-bqj 是一个 Node.js 身份验证中间件,基于 Passport.js 和 Bqj.js 开发而来。它可以在 Express 的 Web ...

    2 年前
  • npm 包 postcss-family 使用教程

    介绍 在前端开发中,我们经常需要使用 CSS 进行页面设计,其中 font-family 属性是 font 样式中的一个重要属性。通常情况下,我们会手动根据设计稿添加 font-family 属性对应...

    2 年前
  • npm 包 rewardle-core 使用教程

    介绍 npm(Node.js Package Manager) 是一个 Node.js 包的管理器,它可以让你方便地与其他开发者共享代码。在前端开发中,我们可以通过 npm 安装各种依赖包来辅助开发。

    2 年前
  • npm 包 electron-auth 使用教程

    简介 electron-auth 是一个基于 Electron 框架的应用程序所使用的高性能身份认证和授权库,它旨在提供 Electron 应用程序必需的身份认证和授权特性。

    2 年前
  • npm 包 node-es-local 使用教程

    什么是 node-es-local? node-es-local 是一个通过 Node.js 实现 Elasticsearch 本地化的 npm 包。它可以让我们在开发过程中省略 Elasticsea...

    2 年前
  • npm 包 ntcjs 使用教程

    介绍 ntcjs 是一个 npm 包,用于将颜色的 RGB 值转换成对应的颜色名称。它可以帮助开发者快速了解颜色的含义,方便在开发中使用。 ntcjs 提供了一个颜色库,包含了大量常用颜色以及自定义颜...

    2 年前
  • npm 包 lnodetest 使用教程

    在前端开发中,有许多工具和库可以帮助我们更高效地完成各种任务。其中,npm 包是一种非常重要的工具,它可以让我们轻松地安装和管理各种 JavaScript 库和工具。

    2 年前
  • npm 包 ngx-currency-mask 的使用教程

    ngx-currency-mask 是一个用于 Angular 的 npm 包,它提供了货币格式化以及相关计算功能。在前端开发中,我们通常需要对金额进行格式化以及计算,该包可以大大减少我们的开发成本和...

    2 年前
  • npm 包 node-rpc-yourshares 使用教程

    简介 node-rpc-yourshares 是一款使用 Node.js 编写的 npm 包,可以用来实现远程过程调用(Remote Procedure Call)。

    2 年前
  • npm 包 react-redux-paginator 使用教程

    什么是 react-redux-paginator react-redux-paginator 是一个基于 React 和 Redux 的分页组件库,它能够帮助开发者轻松地实现数据分页,并提供了丰富的...

    2 年前
  • npm 包 slow-numbers 使用教程

    简介 slow-numbers 是一个 npm 包,可以方便地将数字转换成慢速文本。它可以帮助前端工程师实现数字显示效果的个性化定制,增加用户体验。使用该包无需写冗长的代码,只需要在项目中引入该 np...

    2 年前
  • npm 包 static-serve 使用教程

    npm 包 static-serve 是一个简洁易用的静态资源服务器,它提供了很多方便的功能,如文件缓存、路由映射、HTTPS 等,使得我们可以快速地搭建本地或生产环境的静态资源服务器,方便我们开发和...

    2 年前
  • npm 包 xor-metrics 使用教程

    简介 xor-metrics 是一款专为测量人类行为的 JavaScript 库,可用于将网站和应用程序的用户数据转换为数据指标,以帮助开发人员更好地了解和优化其产品。

    2 年前
  • npm包 izn.uikit 使用教程

    前言 在前端开发中,UI组件库是不可或缺的。为了提高开发效率、保证视觉一致性,我们常常会使用现成的UI组件库,而izn.uikit就是其中的一款。 izn.uikit是一款现代化、轻量级的UI组件库,...

    2 年前
  • npm 包 burn-contrib-banner 使用教程

    介绍 在前端开发中,我们经常需要制作一些小型的 Banner,用来展示特别活动、推广产品等。burn-contrib-banner 包是一款简单易用的 npm 包,它可以帮助开发者快速构建 Banne...

    2 年前
  • npm 包 think-swagger-router 使用教程

    简介 think-swagger-router 是一款基于 ThinkJS 和 Swagger 的路由自动化注册器,能够根据 Swagger 的配置生成对应的路由并完成接口的自动注册。

    2 年前
  • Vue-back-top 使用教程

    Vue-back-top 是一个用于 Vue.js 应用程序的简单且易于使用的返回顶部指令。该指令可以方便地帮助你在 HTML 页面上创建一个返回顶部的按钮。 本文将为大家详细介绍如何使用 Vue-b...

    2 年前

相关推荐

    暂无文章