vue-quill-editor怎么设置字体大小
导读:本文共2007字符,通常情况下阅读需要7分钟。同时您也可以点击右侧朗读,来听本文内容。按键盘←(左) →(右) 方向键可以翻页。
摘要: vue-quill-editor设置字体大小项目中需要用到富文本编辑器,用的Vue,所以选择了vue-quill-editor这个富文本编辑器,发现字体只有几种大小可以选择,满足不了产品的需求,研究了半天终于改好了。主要是需要更改配置文件,以及对应的CSS和js文件。editor.vue 页面下改变 toolbarOptions的配置项(editor.vue就是... ...
目录
(为您整理了一些要点),点击可以直达。项目中需要用到富文本编辑器,用的Vue,所以选择了vue-quill-editor这个富文本编辑器,发现字体只有几种大小可以选择,满足不了产品的需求,研究了半天终于改好了。主要是需要更改配置文件,以及对应的CSS和js文件。
editor.vue 页面下改变 toolbarOptions的配置项
(editor.vue就是封装的富文本编辑器)
再到node_modules下面找到 quill, 对目录dist 下面的 css文件和 js文件进行修改。
quill.core.js 下面
quill.js 下面
quill.bubble.css 下面
quill.core.css 下面
quill.snow.css 下面
tips:
如果后台管理系统编辑富文本,前台页面展示出来(没引用vue-quill-editor),前台页面别忘了引用改动后的css文件哦!
引入snow.css,在需要展示的页面中用如下元素包裹即可
vue-quill-editor怎么设置字体大小的详细内容,希望对您有所帮助,信息来源于网络。