Add Plugins to CKEditor CDN

Here’s a basic implementation of CKEditor CDN:

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>CKEditor</title>
  <script src="https://cdn.ckeditor.com/4.9.2/standard/ckeditor.js"></script>
 </head>
 <body>
  <textarea name="editor1"></textarea>
  <script>
   CKEDITOR.replace( 'editor1' );
  </script>
 </body>
</html>

And for example we want to add the plugin “Youtube”, first download the plugin from here: https://ckeditor.com/cke4/addon/youtube then extract the contents to a directory that is easy to find, for example: MY_PROJECT/ckeditor/plugins/youtube/

Then we link the Youtube plugin into our CKEditor instance:

CKEDITOR.plugins.addExternal('youtube', '/ckeditor/plugins/youtube/plugin.js');
CKEDITOR.replace( 'editor1', {
 extraPlugins: 'youtube',
} );

If you need to add multiple plugins, you can do it like this:

extraPlugins: 'youtube,plugin_1,plugin_2,plugin_3'


Do you need help with a project? or have a new project in mind that you need help with?

Contact Me