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

Question

Я использую 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>

Answer 1

Вам необходимо заменить "\ r \ n" на "<br />" в строке, используя javascript, перед тем, как передать его ckeditor.