quilleditor 字体大小设置_Quill 自定义富文本功能
时间: 2023-07-31 07:06:24 浏览: 1308
要在 Quill 编辑器中设置字体大小,可以使用 Quill 自带的 font-size 模块。首先需要在 Quill 的初始化配置中添加 font-size 模块,然后在需要设置字体大小的地方调用该模块的 API。
以下是一个示例代码:
```javascript
var quill = new Quill('#editor', {
modules: {
toolbar: [
[{ 'header': [1, 2, 3, 4, 5, 6, false] }], // 标题
['bold', 'italic', 'underline', 'strike'], // 文字样式
['link', 'image'], // 插入链接和图片
[{ 'list': 'ordered'}, { 'list': 'bullet' }], // 列表
[{ 'align': [] }], // 对齐方式
[{ 'color': [] }, { 'background': [] }], // 文字颜色和背景色
['clean'] // 清除格式
],
'font-size': {} // 添加 font-size 模块
},
theme: 'snow'
});
// 设置字体大小为 14px
quill.format('size', '14px');
```
要注意的是,使用 font-size 模块设置字体大小时,需要使用 CSS 中的像素值,而不是常见的“小号”、“中号”之类的标准字号。
阅读全文