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

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

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

遇到一个问题,老板要求富文本的默认的字号修改成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样式层叠的特性改变默认的字号大小
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值