vue-quill-editor修改初始化时默认选中的字号大小

最新推荐文章于 2025-09-09 00:31:07 发布

原创最新推荐文章于 2025-09-09 00:31:07 发布 · 1.7k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#css #vue.js #css3

本文档探讨了在富文本编辑器中修改默认字号的挑战。尝试通过配置项设置未果，也未能找到手动触发字号下拉框点击事件的方法。最后，采取了修改CSS样式来实现字号调整。对于需要自定义富文本编辑器默认样式的开发者，这是一个可能的解决方案。

遇到一个问题，老板要求富文本的默认的字号修改成18px或者20px

解决过程：

通过配置项配置，发现不能配置，此路不通

import * as Quill from "quill"; // 引入编辑器

const sizesList = [false, "10px", "12px", "14px", "16px", "18px", "20px", "22px", "24px", "26px", "28px", "30px"];

// toolbar工具栏的工具选项（默认展示全部）
const toolOptions = [
  ["bold", "italic", "underline"], // strike
  [{
    "header": [1, 2, 3, 4, 5, 6, false]
  }],
  [{
    "color": []
  }, {
    "background": []
  }],
  [{
    "font": fonts
  }],
  [{
    "size": sizesList
  }],
  [{
    "align": []
  }]
];
//然后再使用页面引入这个配置项使用