html - ngx-quill 中的空白

Question

我使用 ngx-quill 编辑器并遇到空白问题。编辑文本时会出现问题。我尝试将较早生成的 html 插入编辑器，但浪费了白色字符。

<quill-editor #editor [modules]="modules" formControlName="description" [style]="{height: '200px'}"></quill-editor>

我试图覆盖样式：

quill-editor {
  display: block;
  white-space: pre-wrap;
}

在样式中添加它时，编辑器在工具栏上有额外的空间在 此处输入图像描述

我看到 ql-editor 类有 white-space: pre-wrap 但对我不起作用。谢谢您的答复

Answer 1

尝试通过将其添加到 css 中，然后它将替换空格为  

:host /deep/ .ql-editor {
  white-space: normal!important;
}

或者

.ql-editor {
  white-space: normal!important;
}