我们如何在ANGULAR 6的ckeditor中集成ckfinder？

npm install --save @ckeditor/ckeditor5-angular @ckeditor/ckeditor5-build-classic

import { CKEditorModule } from '@ckeditor/ckeditor5-angular';
import * as ClassicEditor from '@ckeditor/ckeditor5-build-classic';

@NgModule({
  declarations: [AppComponent],
  imports: [
    // ...
    CKEditorModule,
    // ...
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule {
  public static readonly ckeditor = ClassicEditor;
}

import { Component } from '@angular/core';
import * as Editor from './app.module';

@Component({
  selector: 'app-editor',
  template: '<ckeditor [editor]="Editor.ckeditor" (ready)="onReady($event)"></ckeditor>'
})
export class EditorComponent {
  public Editor = Editor;

  public onReady(editor: any) {
    editor.ui.getEditableElement().parentElement.insertBefore(
      editor.ui.view.toolbar.element,
      editor.ui.getEditableElement()
    );
  }
}

CKEDITOR.editorConfig = function(config) {
  // ...
  config.filebrowserBrowseUrl = '/ckfinder/ckfinder.html';
  config.filebrowserUploadUrl = '/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files';
  config.filebrowserImageBrowseUrl = '/ckfinder/ckfinder.html?Type=Images';
  config.filebrowserImageUploadUrl = '/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images';
  // ...
};

const express = require('express');
const app = express();
const path = require('path');

app.use(express.static(path.join(__dirname, 'public')));

app.listen(3000, () => {
  console.log('Server started on port 3000');
});

node server.js

ng serve