https://github.com/lete114/emot

一个表情处理模块，支持 img 类型解析，输出两种格式的表情字符串
https://github.com/lete114/emot

emoji emot emoticons

Last synced: about 2 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/lete114/emot
• Owner: Lete114
• License: mit
• Created: 2022-05-24T07:06:07.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-09-14T05:26:45.000Z (over 2 years ago)
• Last Synced: 2024-10-08T06:14:53.469Z (3 months ago)
• Topics: emoji, emot, emoticons
• Language: JavaScript
• Homepage: https://lete114.github.io/emot/
• Size: 62.5 KB
• Stars: 4
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
Emot




    

    



## 简介

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

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

核心逻辑处理代码提取于 [Discuss](https://github.com/discussjs/Discuss/blob/dev/src/client/view/submit.svelte) 评论系统的`submit.svelte`组件

## 安装

使用 npm:

```bash

npm install emot --save

```

使用 CDN:

```html

```

## 使用方法

在浏览器中使用

```html

  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/[email protected]/assets/emot/鼓掌.png alt=heo-鼓掌/>'

    // 如果 emotMaps 在初始化的时候传入的是一个url，那么会多返回一个请求 emotMaps 结果

  }

  */

```

ESModule 模块

```js

import Emot from 'emot'

// 使用方法如上浏览器使用示例

```

CommonJS 模块

```js

const Emot = require('emot')

// 使用方法如上浏览器使用示例

```