如何在CKEditor 5中保留新行？

Question

我正在CKEditor 5中使用Angular 2 +。

当我使用字符串"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

在将其提供给ckeditor之前，需要使用javascript在字符串中用"<br />"替换“ \ r \ n”。