wangEditor 配置工具栏
时间: 2023-12-01 21:08:23 浏览: 156
wangEditor编辑器
5星 · 资源好评率100%
你可以使用 wangEditor 的配置选项来自定义工具栏。首先,在你的页面中引入 wangEditor 的 CSS 和 JavaScript 文件。
然后,创建一个 `<div>` 元素作为编辑器的容器,并设置一个唯一的 id 属性。例如:
```html
<div id="editor"></div>
```
接下来,在 JavaScript 中初始化编辑器并配置工具栏。例如:
```javascript
var editor = new wangEditor('#editor');
editor.config.menus = [
'bold',
'italic',
'underline',
'head',
'list',
'link',
'quote',
'code',
'image',
'undo',
'redo'
];
editor.create();
```
在上面的例子中,我们指定了要显示的工具栏按钮,只显示了一些常用的按钮。你可以根据需要添加或删除按钮。
你还可以使用 `config.menus` 属性指定按钮的顺序。默认情况下,工具栏中的按钮按照在 `config.menus` 中的顺序显示。
这只是配置工具栏的一种方式,wangEditor 还提供了很多其他的配置选项,你可以根据需求进行调整。更详细的文档可以参考 wangEditor 的官方网站:[https://www.wangeditor.com/](https://www.wangeditor.com/)
阅读全文