Quill 2.0.2编辑器如何设置初始字体大小?
设置Quill 2.0.2初始字体大小的两种方案
方案一:通过样式/初始化配置设置默认字体大小
如果希望编辑器的所有输入内容默认使用指定字体大小,最直接的方式是修改编辑器的基础样式:
#editor .ql-editor { font-size: 16px; /* 替换为你需要的字体大小 */ }
如果需要初始化时就带格式的内容,可以在创建Quill实例时指定contents参数:
const quill = new Quill('#editor', { theme: 'snow', contents: { ops: [ { insert: '你的初始文本内容', attributes: { size: '16px' } } ] } });
方案二:选中全部内容统一设置字体大小
如果编辑器已有内容,或者需要动态给所有内容设置字体大小,可以使用Quill的选择和格式化API:
const quill = new Quill('#editor', { theme: 'snow' }); // 确保编辑器初始化完成后执行操作 setTimeout(() => { // 选中编辑器内全部内容 quill.selectAll(); // 设置字体大小(支持像素值或预定义值如'large') quill.format('size', '16px'); // 取消选中状态 quill.blur(); }, 0);
说明:Quill 2.x的size格式默认支持自定义像素值,无需额外配置即可直接使用。
内容的提问来源于stack exchange,提问作者Ingmar
相关产品推荐
相关产品推荐

