Question

我想使用ckeditor的文档查看器。看起来像一个普通的ckeditor，我想要带有页面的版本。

它看起来像这样： original

在我的应用中，它看起来像这样： my app

我通过以下方式安装了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

Angular 6 DecoupledEditor不像演示中那样显示页面预览

1 个答案: