CKEditor 4
Tue, 01/10/2012 - 14:13
#1
jonh
jonh's picture
Joined: 10/01/2012
Posts: 11

Automatically wrapping the table in a div

I am creating a site using drupal that is using an existing set of css files shared with several of our other sites. In the page editor, we are using CKeditor and I have noticed that when a user creates a table in Ckeditor it needs to be wrapped with a div set to our table class, for the styling to work properly. What is the best way for me to configure that? Should I have the user create the div, then create the table within that div, or can I setup an easier method for the user. Can I edit the table plugin to have that div created around the table?
Top
Wed, 01/11/2012 - 08:10
mkesicki
mkesicki's picture
Joined: 28/10/2010
Posts: 348

Re: Automatically wrapping the table in a div

Hi,
first of all write me what module with CKEditor do you use in your drupal ? What version of this module and drupal do you use ? Please also write your theme name in Drupal.
Top
Wed, 01/11/2012 - 19:49
jonh
jonh's picture
Joined: 10/01/2012
Posts: 11

Re: Automatically wrapping the table in a div

Hi Michał ,
I am using Drupal 7.9 with the CKEditor module version 7.x-1.6. The theme is a custom theme that I have built from scratch.

Thanks!
Jon
Top
Thu, 01/12/2012 - 09:08
mkesicki
mkesicki's picture
Joined: 28/10/2010
Posts: 348

Re: Automatically wrapping the table in a div

Try use 'Editor CSS ' option in 'CSS' section of CKEditor module profile configuration, maybe this is related with your css styles. Another idea is to write your custom plugin to insert tables into div. You can try also hack ckeditor's table plugin but hacking core files is not the best idea.
Top
Fri, 01/13/2012 - 13:35
jonh
jonh's picture
Joined: 10/01/2012
Posts: 11

Re: Automatically wrapping the table in a div

Thanks Michał. Is there a way that I can copy the built-in table plugin to use as a starting point for a custom plugin?
Top
Fri, 01/13/2012 - 13:52
mkesicki
mkesicki's picture
Joined: 28/10/2010
Posts: 348

Re: Automatically wrapping the table in a div

Please check tutorials how to create plugin for CKEditor: http://docs.cksource.com/CKEditor_3.x/Howto/Plugins. Just use standard plugin as reference.

Top
Twitter Facebook Facebook Instagram Medium Linkedin GitHub Arrow down Phone Menu Close icon Check