> 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中已经集成了这两个自定义菜单的代码。**
- 关于wangEditor
- 遇到问题如何解决和提问【重要】
- 开始使用
- 下载
- 创建页面
- 生成编辑器(使用ID)
- 生成编辑器(使用element)
- 调整尺寸
- 销毁与恢复
- 一个页面多个编辑器
- 内容处理
- 初始化内容
- 获取内容
- 追加内容
- 清空内容
- 用 editor.$txt 做其他内容处理
- onchange事件
- 禁用/启用
- 参数配置
- 自定义菜单
- 自定义颜色、字体、字号
- 自定义表情
- 切换语言
- 百度地图key
- 菜单栏吸顶
- 配置全屏的z-index
- 关闭浏览器打印log
- 关闭过滤javascript
- 关闭粘贴过滤样式
- 只粘贴纯文本
- 插入代码-配置默认语言
- 自定义编辑器样式
- 自定义颜色
- 自定义菜单UI
- 自定义表格、引用、代码的样式
- 代码高亮样式
- 图片上传
- 使用前必读
- 支持情况
- 配置说明
- log提示辅助排错
- 后台代码示例
- C#
- java - 例1
- java - 例2
- php
- nodejs
- python
- 自定义上传事件
- 集成plupload插件
- 集成七牛云存储
- 跨域上传
- 上传图片出错时的解决步骤
- 使用模块定义
- 使用require.js
- 使用seajs
- 使用webpack
- 插件开发
- 对象结构
- 常用API
- 全局API
- 对象API
- 基础API
- 选区API
- 命令API
- 扩展一个菜单
- 『缩进』菜单
- 『行高』菜单
- 『插入符号』菜单
- 开发一个插件
- 常见问题
- 关于markdown
- 关于上传附件
- 关于背景图片
- 关于显示压缩图片
- 集成到React
- 集成到angular
- 集成到vue.js
- 如何避免与项目中的css冲突
- xss过滤
- 如何插入视频链接
- 关于mobile端编辑器
- 查看源码第一行有空格