Javascript 如何向ng2 ckeditor添加预定义和自定义的ckeditor插件

我试图在angular2中的ckeditor的内联模式下，将stylesheetparser插件添加到ng2 ckeditor模块中。但是我在样式下拉列表中得到了一个右方括号的输出，而且ckeditor中的“Source”按钮也丢失了

例如：div.editable]

我正在使用以下代码添加插件

CKEDITOR.config.extraPlugins='stylesheetparser'

<ckeditor [config]="ckeConfig" ></ckeditor>

所使用的ckeditor的CDN版本为“”

请帮我找到解决办法

---

提前感谢

添加此代码是html和ts文件。希望它能很好地工作

组件。ts

ckeConfig : any;
this.ckeConfig = {
   height: 500,
   width: '60%',
   allowedContent: false,
   fullPage : true,
   toolbar: [
       { name: "styles", items: ['Format', 'Font', 'FontSize', "-", "TextColor", "BGColor"] },
       { name: "basicstyles", items: ["Bold", "Italic", "Underline", "RemoveFormat"] },
       "/",
       { name: "justify", items: ["JustifyLeft", "JustifyCenter", "JustifyRight", "JustifyBlock"] },
       { name: "paragraph", items: ["NumberedList", "BulletedList", "-", "Outdent", "Indent", "-", "Blockquote"] },
       { name: "links", items: ["Link", "Unlink"] },
       { name: "insert", items: ["Image", "Table", "HorizontalRule", "Smiley","SpecialChar"] },
       { name: "document", items: ["Source"] },
   ]
 };

Component.html:-

<ckeditor [config]="ckeConfig" ></ckeditor>

谢谢您的回复，哈琳。实际上，我得到了正确的ckeditor结构，但我的问题是关于样式表解析器插件的输出，在这里我得到了一个右方括号以及我在上面示例中提到的元素。这并没有回答问题。