🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
> wangEditor2 版本过低,已停止维护。请使用 wangEditor 最新版本,参考[官网](https://www.wangeditor.com/)。 可通过修改 `editor.config.menus` 来自定义编辑器的菜单的显示/隐藏、排序、分组。注意,该操作必须在 `editor.create()` 方法之前。 ```html <div id="div1"> <p>请输入内容...</p> </div> <!--这里引用jquery和wangEditor.js--> <script type="text/javascript"> var editor = new wangEditor('div1'); // 普通的自定义菜单 editor.config.menus = [ 'source', '|', // '|' 是菜单组的分割线 'bold', 'underline', 'italic', 'strikethrough', 'eraser', 'forecolor', 'bgcolor' ]; // 仅仅想移除某几个菜单,例如想移除『插入代码』和『全屏』菜单: // 其中的 wangEditor.config.menus 可获取默认情况下的菜单配置 // editor.config.menus = $.map(wangEditor.config.menus, function(item, key) { // if (item === 'insertcode') { // return null; // } // if (item === 'fullscreen') { // return null; // } // return item; // }); editor.create(); </script> ``` 另外,`wangEditor`默认的菜单配置,可在下载下来的`wangEditor.js`文件中搜索**`E.config.menus`**关键字来找到。 目前的默认菜单配置如下,**以在最新代码中搜索出来的结果为准** ```javascript [ 'source', '|', 'bold', 'underline', 'italic', 'strikethrough', 'eraser', 'forecolor', 'bgcolor', '|', 'quote', 'fontfamily', 'fontsize', 'head', 'unorderlist', 'orderlist', 'alignleft', 'aligncenter', 'alignright', '|', 'link', 'unlink', 'table', 'emotion', '|', 'img', 'video', 'location', 'insertcode', '|', 'undo', 'redo', 'fullscreen' ]; ``` ----- **如果需要『行高』和『缩进』菜单,可直接使用`lineheight`和`indent`这两个菜单id。因为wangEditor中已经集成了这两个自定义菜单的代码。**