satori-emoji

emoji

Emoji 表情组件

• [x] 流畅的动画效果
• [x] 精确插入光标位置
• [x] 使用 Esc 快捷键关闭弹出
• [x] 提供回调函数以便于拓展操作
• [x] 调用时才初始化以兼容服务端渲染项目
• [x] 动态插入调用支持

DEMO

Click to open demo

Install

npm install satori-emoji --save

import Emoji from 'satori-emoji'

const emoji = new Emoji({
  input: document.querySelector('#input') ,        // 绑定的输入框元素(非必选)
  button: document.querySelector('#button'),       // 绑定的开关按钮(非必选)
  callback: (data) => console.log('cilck:', data), // 选中 emoji 表情的回调函数(非必选)
})

// 打开 emoji 表情选择窗口
emoji.show()


// 关闭 emoji 表情选择窗口
emoji.hide()

Dev

# clone
git clone [e-mail]:InvisibleFuture/emoji.git
cd emoji

# install
npm install
npm run dev

# build
npm run build
npm preview