关于CSS：无法使用angular弹性版面设定ngx-quill编辑器的高度

Unable to set the height for ngx-quill editor using angular flex layout

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

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

stackblitz

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

相关讨论

解决方案：
出于某种原因，所有在线解决方案均无法使用。说些关于"不安全设置的样式"的内容，它们甚至不适用。

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

src / styles.scss

1
2
3

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

解决方案是覆盖ql-container类-

中的height

1
2
3

.ql-container {
height: auto;
}

github链接

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

1
2
3

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