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

解决过程:

  1. 通过配置项配置,发现不能配置,此路不通
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": []
  }]
];
//然后再使用页面引入这个配置项使用
  1. 通过初始化时手动触发字号下拉框的点击事件,来修改字号,没找到这个事件,不清楚怎么操作(有知道的同学可以留言)
  2. 手动修改css改变通过css样式层叠的特性改变默认的字号大小
Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐