quill 富文本编辑器怎么调整高度

638 阅读1分钟

搜索记录存档

1.如果全局只有一个富文本编辑器,或者说多个编辑器的高度需要保持一致,可以直接使用全局css样式调整

.ql-editor{
	height:400px;
}

2.如果只想让该样式作用于当前页面,需要配合深度选择器 deep使用

(因为我只是练手,暂时只简单粗暴地使用了全局的方式。如果要参考这个写法,请注意使用的是scss还是sass。它们的deep深度选择器书写方式存在差异)

<style lang="scss" scoped> 
.quillEditor /deep/ .ql-editor { height: 400px; } 
</style>

即可解决 scoped 全局问题

原文链接