49 lines
1.6 KiB
Markdown
Executable File
49 lines
1.6 KiB
Markdown
Executable File
# 配置表情
|
|
|
|
`v3.0.15`开始支持配置表情，支持图片格式和 emoji ，可通过`editor.customConfig.emotions`配置。**注意看代码示例中的注释：**
|
|
|
|
```html
|
|
<div id="div1">
|
|
<p>欢迎使用 wangEditor 富文本编辑器</p>
|
|
</div>
|
|
|
|
<script type="text/javascript" src="/wangEditor.min.js"></script>
|
|
<script type="text/javascript">
|
|
var E = window.wangEditor
|
|
var editor = new E('#div1')
|
|
|
|
// 表情面板可以有多个 tab ，因此要配置成一个数组。数组每个元素代表一个 tab 的配置
|
|
editor.customConfig.emotions = [
|
|
{
|
|
// tab 的标题
|
|
title: '默认',
|
|
// type -> 'emoji' / 'image'
|
|
type: 'image',
|
|
// content -> 数组
|
|
content: [
|
|
{
|
|
alt: '[坏笑]',
|
|
src: 'http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/50/pcmoren_huaixiao_org.png'
|
|
},
|
|
{
|
|
alt: '[舔屏]',
|
|
src: 'http://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/40/pcmoren_tian_org.png'
|
|
}
|
|
]
|
|
},
|
|
{
|
|
// tab 的标题
|
|
title: 'emoji',
|
|
// type -> 'emoji' / 'image'
|
|
type: 'emoji',
|
|
// content -> 数组
|
|
content: ['😀', '😃', '😄', '😁', '😆']
|
|
}
|
|
]
|
|
|
|
editor.create()
|
|
</script>
|
|
```
|
|
|
|
温馨提示：需要表情图片可以去 https://api.weibo.com/2/emotions.json?source=1362404091 和 http://yuncode.net/code/c_524ba520e58ce30 逛一逛，或者自己搜索。
|