You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.21 13:07:04