最近由于项目需要在富文本中,添加专题模块(固定样式)插入到富文本的某个地方。根据思路,分为以下几步。
第一步:样式及JS修改
在ueditor.css中添加按钮样式
在ueditor.config.js设置按钮KEY
重要的一步,在ueditor.all.js 中添加按钮,搜索 btnCmds,不然不会显示到工具栏上。
基础配置完成,接下来就是完成按钮功能,我的功能是弹出一个层,选择好数据之后,把整个层的HTML插入到焦点位置
第二步,按钮功能
直接在ueditor.all.js 末尾添加如下JS:
/**
* 插入专题
* @command craftsmanspecial
* @method execCommand
* @param { String } cmd 命令字符串
* @example