Skip to content

表情

TinyEditor 的提供了对 emoji-mart 的封装,可以快速进行集成

安装依赖

bash
npm i @floating-ui/dom @emoji-mart/data emoji-mart

集成示例

工具栏配置增加 emoji,modules 增加 emoji 为 true, 即可开始使用。

Options

emoji 支持如下配置

配置项类型默认值描述
themestring'light'设置主题样式,可选值:lightdarkauto
setstring'native'emoji 图标集,可选值有:nativeapplegoogletwitterfacebook
skinTonePositionstring'none'设置肤色选择器的位置,可选:nonetoppreview
previewPositionstring'bottom'设置预览区域的位置,可选值:nonetopbottom
searchPositionstring'sticky'设置搜索栏的位置,可选值:nonestaticsticky
categoriesstring[][ 'frequent', 'people', 'nature', 'foods', 'activity', 'places', 'objects', 'symbols', 'flags' ]控制显示的 emoji 分类。
maxFrequentRowsnumber2设置“常用表情”最大显示的行数。
perLinenumber8每行显示 emoji 的数量。
navPositionstring'top'分类导航的位置,可选值:topbottomnone
noCountryFlagsbooleanfalse是否禁用国家/地区旗帜 emoji。
dynamicWidthbooleanfalse是否根据容器宽度动态决定 perLine 的值。

💡 以上配置项最终会传递给 <EmojiPicker> 组件,你可以根据项目实际需要进行覆盖。

Made with ❤ by