Редактор в Quill обрезка дополнительного пространства

Я использую PrimeNG Quill p-editor в угловых. По умолчанию перо обрезается лишним пробелом. Как я могу сохранить дополнительное место в редакторе в quill?

Например, свойство привязки модели - text = "Привет, я угловой"

Вывод в редакторе - "Привет, я 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>

3 ответа

Вы можете использовать параметр quill preserveWhitespace. установите preserveWhitespace в значение true.

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

Возможно, в конфигурации Quill есть опция, но если нет, вы можете заменить пробелы перед вашей строковой моделью на &nbsp;:

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;');

Смотри Плункер

Попробуйте это на

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

скопировано с https://github.com/quilljs/quill/issues/1752#issuecomment-428407357

Другие вопросы по тегам