wangeditor配置字体
时间: 2025-02-14 19:08:05 浏览: 88
### 如何在 WangEditor 中配置自定义字体样式和大小
为了实现 WangEditor 富文本编辑器中的自定义字体样式和大小,可以通过修改 `customConfig` 属性来完成。具体来说,在初始化编辑器时可以指定所需的字体选项。
#### 配置自定义字体
通过设置 `config.fontNames` 和 `config.fontSizes` 来定制可用的字体名称及其对应的尺寸:
```javascript
import E from 'wangeditor';
export default {
data() {
return {
editor: null,
};
},
mounted() {
const editor = new E(this.$refs.editorElem);
// 自定义字体名
editor.config.fontNames = [
'Arial',
'Times New Roman',
'Courier New',
'微软雅黑',
'宋体'
];
// 自定义字号
editor.config.fontSizes = [
'10px',
'12px',
'14px',
'16px',
'18px',
'20px',
'22px',
'24px'
];
editor.create();
}
}
```
上述代码展示了如何向编辑器添加特定的字体列表以及不同的文字大小供用户选择[^1]。
对于更复杂的场景,比如想要增加额外的功能按钮或者调整默认行为,则可能需要进一步探索官方文档或社区资源以获得详细的指导和支持[^3]。
阅读全文
相关推荐


















