wangEditor配置文件
时间: 2023-12-01 17:47:21 浏览: 78
你可以在 wangEditor 的官方文档中找到配置的相关信息。具体而言,wangEditor 的配置文件是一个 JavaScript 对象,用于设置编辑器的各种选项和功能。
以下是一个示例的 wangEditor 配置文件:
```javascript
var editor = new wangEditor('editorElem', 'editorMenu');
// 设置编辑器的菜
相关问题
wangeditor配置headerSelect字号
您可以通过以下步骤在 wangeditor 中配置 headerSelect 的字号:
1. 打开 wangeditor 的配置文件,一般为 `editor.config.js`。
2. 在配置文件中添加以下代码:
```javascript
editor.config.menus = [
...
'headerSelect',
...
];
editor.config.fontsizes = {
'1': '12px',
'2': '14px',
'3': '16px',
'4': '18px',
'5': '20px',
'6': '24px',
'7': '28px',
};
```
3. 在以上代码中,`editor.config.menus` 用于配置 wangeditor 的菜单栏,将 `headerSelect` 加入其中即可显示标题级别选择器;`editor.config.fontsizes` 用于配置字号大小和对应的 CSS 样式。
4. 修改 `editor.config.fontsizes` 中的值即可调整标题级别对应的字号大小。例如,将 `3` 对应的字号从 `16px` 改为 `18px`:
```javascript
editor.config.fontsizes = {
'1': '12px',
'2': '14px',
'3': '18px',
'4': '18px',
'5': '20px',
'6': '24px',
'7': '28px',
};
```
5. 保存配置文件并重新加载 wangeditor 即可看到变更后的标题级别选择器字号大小。
wangEditor 配置工具栏
你可以使用 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/)
阅读全文