我正在尝试将 Justify 插件添加到我的ckeditor中,但是不幸的是,我找不到有关如何将插件添加到ng2-ckeditor的任何信息。

另外,我找不到应该在其中添加插件的任何目录或配置文件。

我在TypeScript中使用ng2-ckeditor 1.0.6

最佳答案

ng-ckeditor使用CKEditor CDN。 This page展示了如何从CDN添加外部插件或如何下载插件并使用本地版本。

declare var CKEDITOR: any;

CKEDITOR.plugins.addExternal(
  'uploadimage',
  '../full-all/plugins/divarea/',
  'plugin.js');

这正在访问CDN上的全部路径。或者,如果您想从本地文件夹访问它,则根据下载文件夹的位置,使路径类似于/users/app/assets/...etc。

在您的html中,添加以下内容:[config]="{extraPlugins: 'divarea'}"到您的ckeditor标签。

由于崩溃问题,由于大多数Angular2用例默认情况下都需要divarea插件,因此您添加的所有其他插件都需要以逗号分隔的字符串形式插入:
[config]="{extraPlugins: 'divarea,uploadimage'}"
例如,如果绑定(bind)到本地组件变量,它将是这样的:
this.ckConfig = {
  height: '250',
  extraPlugins: 'divarea,uploadimage',
  enterMode: '2',
  toolbar: [
    {name: 'document', items: ['Source', '-']},
    {name: 'clipboard', items: ['Undo', 'Redo']},
    {name: 'paragraph', items: ['JustifyLeft', 'JustifyCenter', 'JustifyRight']},
    {name: 'insert', items: ['Image']},
    {name: 'basicstyles', items: ['Bold', 'Italic', 'Underline', '-']},
    {name: 'styles', items: ['Font', 'FontSize']},
    {name: 'colors', items: [ 'TextColor' ]},
  ]
};

注意-请勿在逗号后留空格。实际上,该字符串中没有空格,必须为'pluginname,pluginname,pluginname' ... etc ...

09-20 23:29