📝 编辑器演示
在下方编辑器中点击工具栏的表情符号按钮体验功能
✨ 特性
✨
支持 Quill 2.0
与最新版本完全兼容
🎨
emoji-mart 选择器
丰富的表情选择和搜索
📱
响应式设计
适配移动和桌面设备
🔧
TypeScript 支持
完善的类型定义
📦 安装
使用包管理器安装：
npm
npm install @vaebe/quill-emoji emoji-mart quill
yarn
yarn add @vaebe/quill-emoji emoji-mart quill
pnpm
pnpm add @vaebe/quill-emoji emoji-mart quill
⚙️ 配置选项
| 选项 | 类型 | 默认值 | 描述 |
|---|---|---|---|
| theme | string | "light" | 'light' 或 'dark' |
| locale | string | "zh" | 语言设置 |
| set | string | "native" | 表情集类型 |
基本用法
JavaScript
import QuillEmojiModule from '@vaebe/quill-emoji'
import Quill from 'quill'
// 注册模块
Quill.register('modules/emoji', QuillEmojiModule)
const quill = new Quill('#editor', {
modules: {
// ...
emoji: {
theme: 'light',
locale: 'zh',
set: 'native',
previewPosition: 'bottom',
navPosition: 'top'
}
}
})