Fill the div container style list [CKEditor 3]

Hello,

How can I set the list of predefined styles to apply to a div container.
The list is empty by default and I don't see any command to fill it with my classes.

Thanks for your help...

Wed, 01/06/2010 - 17:51

yavin

Joined: 23/12/2009

Posts: 65

Re: Fill the div container style list [CKEditor 3]

The documentation has a section covering styles. You just need to make sure to set the element property to 'div' and everything else should work from there.

Thu, 01/07/2010 - 10:00

yleguern

Joined: 16/06/2009

Posts: 6

Re: Fill the div container style list [CKEditor 3]

Thanks for your response yavin but I've already tried that :

<textarea cols="80" id="editor1" name="editor1" rows="10">Hello world !</textarea>
<script type="text/javascript">
   CKEDITOR.addStylesSet( 'my_styles', [
      { name : 'Div 1' , element : 'div', attributes : { 'class' : 'myDiv01' } },
      { name : 'Div 2' , element : 'div', attributes : { 'class' : 'myDiv02' } }
   ]);
   CKEDITOR.replace( 'editor1', {
      stylesCombo_stylesSet:'my_styles'
   });
</script>

I expected the "div container" style list to be filled with "Div 1" and "Div 2" but it's still empty.

Any idea ?

Thu, 01/07/2010 - 18:06

yavin

Joined: 23/12/2009

Posts: 65

Re: Fill the div container style list [CKEditor 3]

Been digging around the source of the div plugin for you....I am a little confused by what is going on...

For instance, to understand the flow I added numerous console.log() statements and the setup function (which is the only part that looks to be populating the style select of that dialog) only fires when you edit an existing div, but nothing populates it when you create a div.

You can also add components on the creation of a div if you add an onLoad handler to the select itself, then using the add function to populate the select. However, I cannot get it to affect the created div (adding an attribute, a style, or a class from that select) so it is pretty useless.

Oh well, I guess I am of no help at the moment, hopefully someone else that was part of its development can provide you with more information...

Fri, 01/08/2010 - 11:25

wiktor

Joined: 16/07/2007

Posts: 1641

Re: Fill the div container style list [CKEditor 3]

It seems this feature is not complete, a new ticket has been created for this issue:

http://dev.fckeditor.net/ticket/4973

Wiktor Walc
CTO, CKSource - http://cksource.com
--
Follow CKEditor on: Twitter | Facebook | Google+

Fri, 01/08/2010 - 17:37

yavin

Joined: 23/12/2009

Posts: 65

Re: Fill the div container style list [CKEditor 3]

Ah well that would make sense why I couldn't figure out its loading mechanism! :lol: