无法使用角度弹性版面设定ngx-quill编辑器的高度

Question

无法使用角度柔性版面设置ngx-quill编辑器的高度。

编辑器的高度（灰色边框）溢出了父div（红色背景）。

stackblitz

如何确保编辑器留在父div内？

Answer 1

解决方案是覆盖height类中的ql-container-

.ql-container {
  height: auto;
}

github link

Answer 2

解决方案： 出于某种原因，所有在线解决方案均无法使用。谈到“不安全设置的样式”，它们甚至不适用。

此解决方案会覆盖Angular中的鹅毛笔文本区域 （您可以选择任何CSS文件，我只是希望所有的羽毛笔编辑器都具有相同的大小）

src / styles.scss

.ql-container {
     height: 300px !important;
 }

Answer 3

使用最新的quill和ngx-quill，并假设您可以使用::ng-deep，则可以这样做：

::ng-deep .ql-editor {
    height: 300px;
}