我正在尝试将 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 ...