如何将CKEditor 4插件安装到angular

时间:2020-01-13 10:09:02

标签: angular ckeditor

我正在将Angular 8框架与CKeditor一起使用来构建我的应用程序。

我已经安装了Ckeditor角度模块,它工作正常。

但是,它不显示字体颜色按钮。

根据web page,我需要同时安装“颜色”按钮和“面板按钮”插件才能使其正常工作。

不幸的是,我不知道如何安装这些插件。你能告诉我怎么做吗?

PS:这是我的“ config”变量:

this.config.toolbarGroups = [
              { name: 'document', groups: [ 'mode', 'document', 'doctools' ] },
              { name: 'clipboard', groups: [ 'clipboard', 'undo' ] },
              { name: 'editing', groups: [ 'find', 'selection', 'spellchecker', 'editing' ] },
              { name: 'forms', groups: [ 'forms' ] },
              { name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ] },
              { name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align', 'bidi', 'paragraph' ] },
              { name: 'links', groups: [ 'links' ] },
              { name: 'insert', groups: [ 'insert' ] },
              { name: 'styles', groups: [ 'styles' ] },
              { name: 'colors', groups: [ 'colors' ] },
              { name: 'tools', groups: [ 'tools' ] },
              { name: 'others', groups: [ 'others' ] },
              { name: 'about', groups: [ 'about' ] }
            ];
            this.config.removeButtons = 'Forms,Anchor,Underline,Strike,Subscript,Superscript,Link,Unlink,Styles,About,HorizontalRule,Blockquote,Italic,SpecialChar,Format,Outdent,NumberedList,Indent,BulletedList,RemoveFormat,Bold,PasteFromWord';
            this.config.extraPlugins = 'colorbutton';

1 个答案:

答案 0 :(得分:0)

最简单的方法是:

full.js引入index.html

<script src="https://cdn.ckeditor.com/4.15.0/full-all/ckeditor.js"></script>

please look this page