css - 无法使用 angular flex 布局设置 ngx-quill 编辑器的高度

Question

无法使用 angular flex 布局设置 ngx-quill 编辑器的高度。

编辑器的高度(灰色边框)溢出父 div(红色背景)。

stackblitz

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

Answer 1

解决方案:由于某种原因，所有在线解决方案都不起作用。说了一些关于“不安全设置样式”的内容，但它们甚至不适用。

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

src/styles.scss

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