在Angular组件中导入Custom Build CKEditor5

问题描述

我正在尝试将ckeditor5经典编辑器版本与其他插件集成。

为此，我使用以下代码创建了一个ckeditor.js文件。

import ClassicEditor from '@ckeditor/ckeditor5-editor-classic/src/classiceditor.js';
import Alignment from '@ckeditor/ckeditor5-alignment/src/alignment.js';
import Bold from '@ckeditor/ckeditor5-basic-styles/src/bold.js';
import FontColor from '@ckeditor/ckeditor5-font/src/fontcolor.js';
import FontFamily from '@ckeditor/ckeditor5-font/src/fontfamily.js';
import FontSize from '@ckeditor/ckeditor5-font/src/fontsize.js';

class ClassicEditorBase extends ClassicEditor {}

// Plugins to include in the build.
ClassicEditorBase.builtinPlugins = [
Alignment,Bold,FontColor,FontFamily,FontSize 
];

export default ClassicEditorBase ;

现在我的组件comments.component.ts如下

import * as ClassicEditorBase from 'path/to/the/ckeditor';

@Component( {
    // ...
} )
export class MyComponent {
    public Editor = ClassicEditorBase ;
    // ...
}

现在有了ckeditor.js文件，需要在我的角度组件中提供路径。所以我应该在哪里保存该ckeditor文件，以及上面应该提供的路径。我正在使用ng build并将最终版本存储在dist文件夹中，并从那里运行我的网站

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

angular10 ckeditor5