External plugins

Hi, Is there any way to add external plugins? As in ckeditor documentation:

CKEDITOR.plugins.addExternal('youtube', '../node_modules/ckeditor-youtube-plugin/youtube/');

config.extraPlugins = 'youtube';

Thanks

[ttugates]

I was able to go https://ckeditor.com/builder, and after selecting all the plugins I wanted… Chose download, with radio button set to Optimized…

Then copied all contents to Angular Project.

Then just instead of CDN, use: <script src="ckeditor/ckeditor.js"></script>

Lastly, I used to have to do this, and now I dont… At least for all plugins… So will add just in case:

@ViewChild('ck') public ckeditor: CKEditorComponent;
public ckConfig: any;

 this.ckConfig = {
      removePlugins: 'resize',    
      extraPlugins: 'divarea,uploadimage'
    };

I am using other plugins not listed in extraPlugins…

[fairmutex]

I got Local custom plugins to work along with ng2-ckeditor/ckeditor4 in angular 7 and probably it even works with previous versions too. I don’t mean to necro but some might find it useful.

For this I used the custom plugin from here

Place your plugin in the assets folder as below

and modify your index.html as below

<script src="https://cdn.ckeditor.com/4.5.11/full-all/ckeditor.js"></script>
<script type="text/javascript">
   CKEDITOR.plugins.addExternal('timestamp', '/assets/ckeditor/plugins/timestamp/', 'plugin.js');
</script>

The forward slash leading the assets folder is everything here. If it is not there it will try to get the plugin from their CDN

also add it to the config

  this.ckeConfig = {  
    allowedContent: false,    
    extraPlugins: 'divarea,timestamp',    
    forcePasteAsPlainText: false    
  };