vue-quill-editor怎么设置字体大小(vue-quill-editor,开发技术)

时间:2024-04-29 03:08:10 作者 : 石家庄SEO 分类 : 开发技术
  • TAG :

    vue-quill-editor%E6%80%8E%E4%B9%88%E8%AE%BE%E7%BD%AE%E5%AD%97%E4%BD%93%E5%A4%A7%E5%B0%8F

项目中需要用到富文本编辑器,用的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怎么设置字体大小的详细内容,希望对您有所帮助,信息来源于网络。
上一篇:Vue组件二次封装的实用技巧是什么下一篇:

15 人围观 / 0 条评论 ↓快速评论↓

(必须)

(必须,保密)

阿狸1 阿狸2 阿狸3 阿狸4 阿狸5 阿狸6 阿狸7 阿狸8 阿狸9 阿狸10 阿狸11 阿狸12 阿狸13 阿狸14 阿狸15 阿狸16 阿狸17 阿狸18