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

Question

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

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

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

Я установил 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

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