简介

一个表情处理模块，支持 img 类型解析，输出两种格式的表情字符串

本项目借鉴源于 OwO ，其中 OwO 有些功能处理的不是很好，且 css 动画让表情一直抖动(感觉很兴奋的样子)，而且解析 img 类型表情直接注入 img 标签内容，我觉得不好，于是就造了这个轮子

核心逻辑处理代码提取于 Discuss 评论系统的submit.svelte组件

安装

使用 npm:

npm install emot --save

使用 CDN:

<script src="https://cdn.jsdelivr.net/npm/emot"></script>

使用方法

在浏览器中使用

<script src="https://cdn.jsdelivr.net/npm/emot"></script>
<script>
  const emot = new Emot({
    el: 'body',               // 挂载dom (支持css选择器获取dom)
    target: 'textarea',       // 目标输入容器 (支持css选择器获取dom)
    emotMaps: 'emot.json',    // 自定义表情，可以是一个url，或一个对象
    before: ':',              // 自定义标签前缀，默认[
    after: ':'                // 自定义标签后缀，默认]
  })
  // 通过调用get()方法获取处理后的数据
  const result = emot.get()
  /* output:
  {
    content: '( =•ω•= )m[heo-鼓掌]',
    contentHTML: '( =•ω•= )m<img src=https://npm.elemecdn.com/discuss@0.3.1/assets/emot/鼓掌.png alt=heo-鼓掌/>'
    // 如果 emotMaps 在初始化的时候传入的是一个url，那么会多返回一个请求 emotMaps 结果
  }
  */
</script>

ESModule 模块

import Emot from 'emot'
// 使用方法如上浏览器使用示例

CommonJS 模块

const Emot = require('emot')
// 使用方法如上浏览器使用示例