wangeditor隐藏工具栏
时间: 2023-08-19 21:05:42 浏览: 344
如果你想在 wangeditor 中隐藏工具栏,可以按照以下步骤操作:
1. 打开 wangeditor 的配置文件,可以通过以下代码获取:
```javascript
var editor = new wangEditor('#editor');
console.log(editor.config);
```
2. 在配置文件中找到 `menus` 属性,这个属性用于设置工具栏菜单,默认情况下是全部显示的,将需要隐藏的菜单从数组中删除即可。例如,如果要隐藏表情符号和插入图片菜单,可以将 `menus` 的值修改为:
```javascript
menus: [
'bold',
'underline',
'italic',
'strikethrough',
'eraser',
'forecolor',
'bgcolor',
'|',
'quote',
'fontfamily',
'fontsize',
'head',
'unorderlist',
'orderlist',
'alignleft',
'aligncenter',
'alignright',
'|',
'link',
'unlink',
'|',
'undo',
'redo'
]
```
3. 修改完配置文件后,重新初始化 wangeditor 即可:
```javascript
var editor = new wangEditor('#editor');
editor.config.menus = [
'bold',
'underline',
'italic',
'strikethrough',
'eraser',
'forecolor',
'bgcolor',
'|',
'quote',
'fontfamily',
'fontsize',
'head',
'unorderlist',
'orderlist',
'alignleft',
'aligncenter',
'alignright',
'|',
'link',
'unlink',
'|',
'undo',
'redo'
];
editor.create();
```
阅读全文