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