FreeKB - CKEditor Dialogs Advanced Tab Plugin
CKEditor - Dialogs Advanced Tab Plugin

To add the Dialogs Advanced Tab plugin to CKEditor:

  1. Download the Dialogs Advanced Tab plugin from
  2. Go to your Downloads folder, and extract the file.
  3. Move the extracted dialogadvtab_<version> folder to /web/server/root/ckeditor/plugins/.
  4. In the /web/server/root/ckeditor/config.js file, add config.extraPlugins = 'dialogadvtag';. Below is an example of what your config.js file might look like after adding config.extraPlugins = 'dialogadvtab';
CKEDITOR.editorConfig = function( config ) {
  config.extraPlugins = 'dialogadvtab';
  config.toolbar [
  et cetera . . .

Now, when adding a table in CKEditor, the table properties pop-up box will have an Advanced Tab.

Add a Comment

We will never share your name or email with anyone. Enter your email if you would like to be notified when we respond to your comment.

Please enter a7fd5 in the box below so that we can be sure you are a human.


August 28th, 2019 by Iain
Thanks. I spent the afternoon trying to figure out how to not get a null returned with ".getContents('advanced').get('advCSSClasses');". I can now see the advanced tab, with my default value in it and no JS errors. Still not being inserted into the html though it seems... :(

August 29th, 2019 by Iain
I just had to allow the class attribute through my whitelist and now working.

August 29th, 2019 by Jeremy (moderator)
Cool, thanks for sharing your experience Iain. I had not thought about having to whitelist the class attribute. Interesting.

Web design by yours truely - me, myself, and I   |   |