1.先从给官网下载一个wangEditor.js并引入
2.修改配置文件
var config = {
// 默认菜单配置
menus: ['head', 'bold', 'fontSize', 'fontName', 'italic', 'underline', 'strikeThrough', 'foreColor', 'backColor', 'link', 'list', 'justify', 'quote', 'emoticon', 'image', 'table', 'video', 'code', 'undo', 'redo','自定义名字'],
自定义个一个名称
3.自定义一个构造函数
function 自定义名字(editor){
this.editor = editor;
this.$elem = $(‘
this.type=‘click’//赋给一个点击事件
// 当前是否 active 状态
this._active = false;
}
4.定义原型
/*
-
原型
-
*/
自定义名字.prototype = {
constructor: 自定义名字,
onClick: function onClick(e) {
// 点击菜单将触发这里
var editor = this.editor;
var isSeleEmpty = editor.selection.isSelectionEmpty();
var selectText= editor.selection.getSelectionText();//仅提取文本,根据自己业务写 如添加超链接等if (!isSeleEmpty) { editor.cmd.do('insertHTML',selectText); }
},
5.找到
添加上自定义菜单
如
MenuConstructors.自定义名字= 自定义名字;
可以了
效果如下