如何操作富文本

最新推荐文章于 2022-10-07 16:37:33 发布

weixin_52406641

最新推荐文章于 2022-10-07 16:37:33 发布

阅读量151

点赞数

文章标签： Vue Quill 富文本编辑器集成样式调整

本文链接：https://blog.csdn.net/weixin_52406641/article/details/116462004

版权

Vue-Quill-Editor

地址：https://www.npmjs.com/package/vue-quill-editor

使用步骤：
1.安装
	npm install vue-quill-editor --save
2.引入
  //引入富文本编辑器
  import VueQuillEditor from 'vue-quill-editor'

  //引入vue-quill-editor相关样式
  import 'quill/dist/quill.core.css'
  import 'quill/dist/quill.snow.css'
  import 'quill/dist/quill.bubble.css'

  Vue.use(VueQuillEditor)
3.在需要的组件中加载富文本编辑器
	<quill-editor v-model="addForm.goods_introduce"></quill-editor>
	
	解决富编辑器高度问题
		.ql-editor {
  		height: 300px !important;
		}
	解决富文本编辑器不能加粗倾斜的问题,重置字体样式
	
	* {
		/* font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    font-weight:normal;
    font-style:normal; */
	}