Quill 中的编辑器修剪多余的空间

Question

我在角度使用 PrimeNG Quill p-editor。默认情况下，quill 会修剪多余的空间。如何在 quill 中保留编辑器中的额外空间？

例如- 模型绑定属性 - text = "嗨，我是 Angular"

编辑器中的输出 - “嗨，我是 Angular”

预计在编辑器中 - “嗨，我是 Angular”

---

全文示例：

<p>Data &amp; control</p><ul><li>Comply with Our Code, How do we manage business </li><li>Provide proactive identification and effective management and/or escalation of conduct risk to deliver key customer outcomes</li><li>Own, manage and supervise risks within the business area, ensuring mechanisms are in place to identify</li><li>Ensure risk practices and behaviour are consistent with the target risk culture where work collaboratively with others</li></ul>

Answer 1

您可以使用 quill 参数 preserveWhitespace。 将 preserveWhitespace 设置为 true。

<quill-editro [preserveWhitespace]="true"> </quill-editor>

Answer 2

Quill 配置中可能有一个选项，但如果没有，您可以用   替换字符串模型前面的空格：

this.text = "<p>   Desk Strategist </p><ul><li>  value 1</li><li>Value 2   </li><li> Value 3</li><li></ul>";
this.text = this.text.replace(/\s/g, '&nbsp;');

见Plunker