首页 > 其他 > 详细

今天使用ElementUI与vue-quill-editor的时候发现,富文本编辑框选项对齐出现了点问题。

时间:2020-06-23 16:15:05      阅读:315      评论:0      收藏:0      [点我收藏+]

原因:

查询结构发现,是与ElementUI的样式出现问题。

vue-quill-editor中,没有设置自身的行高,而是通过继承来设置的line-height,而且其中选项并没有BFC限制,导致行高混乱了。

解决方法:
为vue-quill-editor组件设置更高优先权的行高样式,覆盖elementUI的行高样式就OK了。

代码:

<quill-editor class="quill-editor" v-model="content" :options="editorOption"> </quill-editor>
.quill-editor {
    line-height: normal;
}


本文为CSDN博主「Yuval Zhong」的原创文章
原文链接:https://blog.csdn.net/weixin_41602509/java/article/details/103053948

今天使用ElementUI与vue-quill-editor的时候发现,富文本编辑框选项对齐出现了点问题。

原文:https://www.cnblogs.com/fyjz/p/13181980.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!