集众家之言后,我采用以下方式初步实现了设置默认字体大小
1、全局引入以下内容,完成自定义字号的注册
import * as Quill from 'quill';
let fontSizeStyle = Quill.import('attributors/style/size');
fontSizeStyle.whitelist = ['10px', '12px', '14px', '16px', '20px', '24px', '36px', false];
2、在editor的配置项中配置size菜单
export default {
data() {
editorOption: {
modules: [
[{ 'size': fontSizeStyle.whitelist }]
]
}
}
}
3、写入对应css样
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='10px']::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='10px']::before {
content: '10px';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='12px']::before, .ql-snow .ql