emoji

Emoji 表情组件

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

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 git@github.com:InvisibleFuture/emoji.git
cd emoji

# install
npm install
npm run dev

# build
npm run build
npm preview