wangeditor修改默认字号
时间: 2023-10-19 12:05:34 浏览: 245
想要修改 WangEditor 的默认字号,可以通过修改 CSS 样式表来实现。具体步骤如下:
1. 在 WangEditor 的源代码中找到 "wangeditor.min.css" 文件,并打开该文件。
2. 找到 `.w-e-text` 类,该类设置了编辑器中文本的基本样式。
3. 在该类中找到 `font-size` 属性,该属性设置了文本的默认字号。你可以修改该属性的值,以达到修改默认字号的目的。
例如,如果你想将默认字号修改为 16px,可以将 `.w-e-text` 类中的 `font-size` 属性修改为 `font-size: 16px;`。
需要注意的是,修改样式表文件可能会对编辑器的其他功能产生影响,因此建议在进行修改前备份相应的文件。
相关问题
设置 wangeditor默认字号
可以通过修改配置项来设置wangeditor的默认字号。具体步骤如下:
1. 打开wangeditor.js文件,搜索"fontSizeConfigs",找到以下代码:
```
// 字号
var fontSizeConfigs = {
'x-small': '10px',
'small': '13px',
'normal': '16px',
'large': '18px',
'x-large': '24px'
};
```
2. 修改"normal"对应的字号为你想要的大小,例如修改为14px:
```
// 字号
var fontSizeConfigs = {
'x-small': '10px',
'small': '13px',
'normal': '14px',
'large': '18px',
'x-large': '24px'
};
```
3. 保存文件并重新加载页面,即可看到默认字号已经修改。
wangeditorv5修改默认字号
您可以通过修改 WangEditor V5 的配置文件来设置默认的字号。具体的步骤如下:
1. 打开 WangEditor 的配置文件 `config.js`。
2. 找到 `editorConfig` 配置项。
3. 在 `editorConfig` 中添加 `styleWithCSS: true`,表示开启样式格式化。
4. 在 `editorConfig` 中添加 `fontSizes: ['12px', '14px', '16px', '18px', '20px', '24px', '28px', '32px', '36px', '48px']`,表示设置可选的字号列表。
5. 在 `editorConfig` 中添加 `fontSizeDefault: '16px'`,表示设置默认的字号为 16px。
修改后的 `editorConfig` 配置项示例如下:
```
editorConfig: {
styleWithCSS: true,
fontSizes: ['12px', '14px', '16px', '18px', '20px', '24px', '28px', '32px', '36px', '48px'],
fontSizeDefault: '16px',
...
}
```
保存配置文件后,重新加载页面即可生效。
阅读全文