Angular 6 DecoupledEditor Не показывает предварительный просмотр страницы, как в демо

Question

Я хочу использовать просмотрщик документов из ckeditor.Это выглядит как обычный ckeditor, я хочу версию со страницей.

Это выглядит так: original

А в моем приложении это выглядит так: мое приложение

Я установил CKeditor со следующим:

npm install --save @ckeditor/ckeditor5-angular    
npm i @ckeditor/ckeditor5-build-decoupled-document

И использовал в HTML:

<ckeditor [editor]="Editor" data="<p>Hello, world!</p>" (ready)="onReady($event)"></ckeditor>

И в компоненте:

import * as DecoupledEditor from '@ckeditor/ckeditor5-build-decoupled-document';



public Editor = DecoupledEditor;

  public onReady(editor) {
    editor.ui.view.editable.element.parentElement.insertBefore(
      editor.ui.view.toolbar.element,
      editor.ui.view.editable.element
    );

  }

Answer 1

Вам понадобится несколько дополнительных стилей, чтобы внешний вид и текст родного текстового процессора.- oleq