Angular 编辑器在羽毛修剪额外的空间

Angular 编辑器在羽毛修剪额外的空间,angular,primeng,quill,Angular,Primeng,Quill,我正在使用Pilleng Quillp-editor。默认情况下,纬管修剪额外的空间。如何在quill中保留编辑器中的额外空间 例如-模型绑定属性-text=“嗨,我是有角度的” 编辑器中的输出-“嗨,我有角度” 预计在编辑器中-“嗨,我有棱角” 全文示例: <p>Data &amp; control</p><ul><li>Comply with Our Code, How do we manage business </li>

我正在使用Pilleng Quill
p-editor
。默认情况下,纬管修剪额外的空间。如何在quill中保留编辑器中的额外空间

例如-模型绑定属性-text=“嗨,我是有角度的”

编辑器中的输出-“嗨,我有角度”

预计在编辑器中-“嗨,我有棱角”


全文示例:

<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>
数据和;控制

  • 遵守我们的准则,我们如何管理业务
  • 提供主动识别、有效管理和/或行为风险升级,以交付关键客户成果
  • 拥有、管理和监督业务领域内的风险,确保有适当的机制来识别
  • 确保风险实践和行为与目标风险文化一致,在目标风险文化中与其他人合作

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

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;');
this.text=“桌面策略师

  • 价值1
  • 价值2
  • 价值3
    • ”; this.text=this.text.replace(/\s/g',);

  • 请参见您可以使用quill参数保留空白。 将preserveWhitespace设置为true

    <quill-editro [preserveWhitespace]="true"> </quill-editor>
    
    
    
    检查我的新战利品我不知道…但是这个值不起作用“桌面战略家
      值1
    • 值2
    • 值3
      • ”但是在战略家之后..我有..实际上问题是额外的空间(在同一位置超过1个空间)。我在羽毛笔中看到过,他们提出了一个条件,即如果空白不是以“pre”开头,则修剪每个节点空间。我试图在html中加入带有空格的样式:预包装,但标题样式会受到干扰。你有什么解决方案吗?好的,用
        替换任何空格字符就可以了(请看我的新Plunker版本)看起来不那么简单…我尝试了给定的输入值,但格式设置不正确,请尝试一下“Data&;控制

        • 遵守我们的准则,我们如何管理业务
        • 提供主动识别、有效管理和/或行为风险升级,以交付关键客户成果
        • 拥有、管理和监督业务领域内的风险,确保建立了识别风险的机制,确保风险实践和行为与目标风险文化一致,在目标风险文化中与他人合作。有什么帮助吗?