wangeditor菜单栏配置
时间: 2023-12-16 12:24:33 浏览: 121
wangeditor是一款基于javascript的富文本编辑器,它提供了丰富的功能和灵活的配置选项。要配置菜单栏,可以通过以下方式:
1. 在初始化编辑器时,通过配置项传入菜单栏的内容和顺序。例如:
```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',
'table',
'img',
'undo',
'redo',
'fullscreen'
];
editor.create();
```
2. 通过调用 `editor.config.menus` 方法来修改菜单栏的内容和顺序。例如:
```javascript
editor.config.menus = [
'bold',
'underline',
'italic',
'strikethrough',
'eraser',
'forecolor',
'bgcolor',
'quote',
'fontfamily',
'fontsize',
'head',
'unorderlist',
'orderlist',
'alignleft',
'aligncenter',
'alignright',
'link',
'unlink',
'table',
'img',
'undo',
'redo'
];
editor.config.menus.splice(20, 0, 'fullscreen');
editor.create();
```
以上代码将菜单栏中的 `fullscreen` 按钮插入到最后一个按钮的前面。
阅读全文