如何解决在Angular组件中导入Custom Build CKEditor5
我正在尝试将ckeditor5经典编辑器版本与其他插件集成。
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 举报,一经查实,本站将立刻删除。