quilleditor 字体大小设置_vue-quill-editor如何设置字体默认大小?

2023-11-02

集众家之言后,我采用以下方式初步实现了设置默认字体大小

1、全局引入以下内容,完成自定义字号的注册

import * as Quill from 'quill';

let fontSizeStyle = Quill.import('attributors/style/size');

fontSizeStyle.whitelist = ['10px', '12px', '14px', '16px', '20px', '24px', '36px', false];

2、在editor的配置项中配置size菜单

export default {

data() {

editorOption: {

modules: [

[{ 'size': fontSizeStyle.whitelist }]

]

}

}

}

3、写入对应css样

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='10px']::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='10px']::before {

content: '10px';

}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='12px']::before, .ql-snow .ql

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

quilleditor 字体大小设置_vue-quill-editor如何设置字体默认大小? 的相关文章

  • Docker镜像详解(手拉手教你上传至阿里云,发布到私有库)

    1 什么是Docker镜像 镜像 是一种轻量级 可执行的独立软件包 它包含运行某个软件所需的所有内容 我们把应用程序和配置依赖打包好形成一个可交付的运行环境 包括代码 运行时需要的库 环境变量和配置文件等 这个打包好的运行环境就是image
  • mmdetetcion 使用经验

    mmdetection 使用经验记录 github repository https github com open mmlab mmdetection 1 环境配置 一定要按照pytorch官网指令安装pytorch以及其对应的库 比如我
  • 【转载】pycharm 中报错No module named ‘numpy‘

    之前安装了Python 后来因为练习使用Python写科学计算的东西 又安装了Anaconda 但是安装Anaconda之后又出现了一个问题 在命令行中编写Python命令调用numpy可以正常使用 但是在PyCharm中调用却会报错No
  • 华为OD机试真题 Java 实现【勾股数元组】【2022Q4 100分】,附详细解题思路

    一 题目描述 如果三个正整数A B C A B C 则为勾股数 如果ABC之间两两互质 即A与B A与C B与C均互质没有公约数 则称 其为勾股数元组 请求出给定n m范围内所有的勾股数元组 二 输入描述 起始范围 1 lt n lt 10
  • 在S域内产生N个不重合的等径圆,voronoi多边形划分

    离散元中 常需要在特定边界中生成多个不重合的圆 若出现S域小了 或放入的圆多了或其半径大了的情况 可自动识别 可调整S radius或N参数 在S域内产生N个不重合的同直径圆 划分voronoi多边形 可选或修改radius和N参数 获得不
  • Massively Parallel Rendering of Complex Closed-Form Implicit Surfaces论文代码部分跟踪

    Massively Parallel Rendering of Complex Closed Form Implicit Surfaces 是由独立研究者MATTHEW J KEETER发表在2020年SIGGRAPH上的一篇文章 主要提出
  • bootloader中的中断服务程序的相关解释

    前一段时间在学习bootloader代码时 就是不明白bootloader的中断服务怎么跳转过去的 到网上查了半天 还是没能弄明白 只好自己动手了 下面是我对中断服务程序的理解 可能有点偏差
  • Java实现智能对话机器人自动聊天+语音秒回

    技术说明 1 调用青云课人工智能聊天API接口 请求地址 http api qingyunke com api php 请求方式 GET 字符编码 utf 8 请求示例 http api qingyunke com api php key
  • 如何防止订单重复支付

    想必大家对在线支付都不陌生 今天和大家聊聊如何防止订单重复支付 看看订单支付流程 我们来看看 电商订单支付的简要流程 订单钱包支付流程 从下单 计算开始 下单 结算 这一步虽然不是直接的支付起点 但是支付相关的金额等等信息都来自结算 此时订
  • 东方卫视演得泰坦机器人_报名丨清北上交都认可的“机器人技术等级考试”开启报名!...

    点击上方 蓝字 关注我们吧 众所周知 学习少儿编程有利于提高孩子的综合能力 助力升学 但是 关于编程有那么多的比赛和证书 家长该怎么选择 有没有什么考试像钢琴考级一样 通过不同级别认证评估孩子的学习成果呢 答案是 有的 今天 我们要介绍的就
  • 人工智能—问题规约法(Reduction)[一]

    问题规约表示 问题规约 Problem reduction 是另一种基于状态空间的问题描述与求解方法 已知问题的描述 通过一系列变换把此问题最终变成另一个本原问题 事实 定理 集合 这些本原问题的解可以直接得到 从而解决了初始问题 问题规约
  • java中 io和nio的区别

    一 概念 1 基本概念 1 i o inputstream outputstream 整个Java IO体系都是基于字符流 InputStream OutputStream 和 字节流 Reader Writer 作为基类 根据不同的数据载
  • 通俗易懂的 OpenGL ES 3.0(一)入门必备知识!!

    前言 opengl的入门是个难点 因为在绘制出图形之前 你必须要学习一大堆的概念 以及部分图形知识 以至于在代码中不迷路 v 接下来就通俗的讲解下部分概念知识 希望大家取其精华去其糟粕 温馨提示 blog阅读体验会好点 https lais
  • C++ STL中哈希表 hash_map从头到尾详细介绍

    目录 0 为什么需要hash map 用过map吧 map提供一个很常用的功能 那就是提供key value的存储和查找功能 例如 我要记录一个人名和相应的存储 而且随时增加 要快速查找和修改 岳不群 华山派掌门人 人称君子剑 张三丰 武当
  • 前端艺术之毛玻璃-倾斜-日历

    前端艺术之毛玻璃 倾斜 日历 描述 项目 效果 index html index css 描述 项目 描述 开发语言 HTML JavaScript CSS 库 dyCalendarJS vanilla tilt Edge 108 0 14
  • 反反调试:app 检测 data/local/tmp 目录绕过手段

    最近在逆向某app时遇到一个非常恶心的反调试手段 只要是maps和fd中存在 data local tmp 甚至只有tmp的字段 app就给kill掉 因为这个目录对于安卓逆向工作来说 是一个比较敏感的目录 hluda server和fri
  • 【DL】第6章 问题匹配

    大家好 我是Sonhhxg 柒 希望你看完之后 能对你有所帮助 不足请指正 共同学习交流 个人主页 Sonhhxg 柒的博客 CSDN博客 欢迎各位 点赞 收藏 留言 系列专栏 机器学习 ML 自然语言处理 NLP 深度学习 DL fore
  • SpringBoot打成可执行的jar包

    当你使用springBoot进行打包的时候 这篇经验会帮助到你的 操作 1 spring boot maven plugin 插件 首先要明白一个spring boot maven plugin 插件的作用 pom文件中添加了 org sp
  • [管理与领导-67]:IT基层管理者 - 辅助技能 - 4- 职业发展规划 - 评估你与公司的八字是否相合

    目录 前言 一 概述 二 八字相合的步骤 2 1 企业文化是否相合 2 2 1 企业文化对职业选择的意义 2 2 2 个人与企业三观不合的结果 2 2 3 什么样的企业文化的公司不能加入 2 2 公司的发展前景 2 3 公司所处行业发展 2

随机推荐