wangeditor配置headerSelect字号
时间: 2023-07-04 22:11:45 浏览: 236
您可以通过以下步骤在 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 即可看到变更后的标题级别选择器字号大小。
阅读全文