Adding custom buttons to HTML Editor

Hi Ray, I'd like to add some custom plugins to my HTML Editor instances. I downloaded one from the ckeditor site to try, but I can't get it to work.

I followed the instructions on the ckeditor site:

Extract the downloaded plugin .zip into the plugins folder of your CKEditor installation.
http://example.com/webassist/ckeditor/plugins/Bootstrap-Mediaembed

Enable the plugin by using the extraPlugins configuration setting.
Example:
config.extraPlugins = 'Bootstrap-Mediaembed'; (I added this to the ckeditor config.js file like this: config.extraPlugins = 'cms_source,Bootstrap-Mediaembed';

I then added the button to the ckeditor code on the page, like this:

array( 'Image', 'bootstrapMediaEmbed', 'Table','HorizontalRule','SpecialChar','PageBreak'),
('/'),

After doing all that though, the HTML Editor instance disappears from the page. Not sure what I'm doing wrong?

Those are all of the steps... If you give me FTP access and a URL I can take a look to see if I spot any issues, but that should work.

Hi Ray, that would be great thanks - SFTP details in PM.

That FTP information doesn't seem to be working for me. I'll also need a url to the site. Please set up a test blank page with just the html editor on it with the plugin added so I have something to debug.

It's definitely the correct SFTP info but make sure it's an SFTP connection via port 2020. Other details are in the PM.

It was just some case sensitivity and wrong values....

You had:
config.extraPlugins = 'cms_source,bootstrap-MediaEmbed';

it should be:
config.extraPlugins = 'cms_source,bootstrapMediaEmbed';

Then in the toolbar you had:
array( 'Image','bootstrapMediaEmbed'

it should be:
array( 'Image','BootstrapMediaEmbed'

Fixing those issues appears to have made it work properly on your test page.

Ha, I copied it exactly from ckeditor's example on their website too! Thanks so much for fixing!