Как сохранить новые строки в CKEditor 5?

Я использую Angular 2+ с CKEditor 5.

Когда я использую строку: "foo\r\nbar", текст внутри редактора не применяет новые строки. Использование правила CSS: white-space: pre-line; в тексте в других элементах страницы работает, но не в CKEditor. Как сохранить новые строки в CKEditor 5?

Вот мой компонент:

import * as ClassicEditor from '@ckeditor/ckeditor5-build-classic';
@Component({
      selector: 'test',
      templateUrl: './test.component.html',
      styleUrls: ['./test.component.scss']
})
export class TestComponent {
      public editor = ClassicEditor;
      testString = "foo\r\nbar";
      constructor(){}
}

Вот мой html:

<ckeditor [editor]="editor" [(ngModel)]="testString"></ckeditor>

person John    schedule 05.07.2019    source источник


Ответы (1)


Вам нужно заменить «\r\n» на "<br />" в строке с помощью javascript, прежде чем передать ее ckeditor.

person MTilsted    schedule 08.07.2019
comment
И когда вы его получите, нужно ли мне снова анализировать все ‹br› с \r\n? - person John; 09.07.2019
comment
Да, если вам нужен обычный текст из ckedtior вместо html. Но как насчет всех остальных html-кодов, которые может вставлять ckeditor, например, полужирный текст, абзацы и так далее? Вы действительно хотите редактировать обычный текст без html? - person MTilsted; 09.07.2019