customizing the format flyout box

[cowtipper]

I've been having a lot of trouble trying to customize out the format combobox.

with the CKEDITOR.replace function, i'm trying to add/edit the default format tags:

Code: Select all

CKEDITOR.replace( someElement,
{
format_tags : 'tag1,tag2,tag3',
format_tag1 : { element:'p', attributes : {class:'tag1 label'}},
format_tag2 : { element:'p', attributes : {class:'tag2 label'}},
format_tag3 : { element:'p', attributes : {class:'tag3 label'}}
});


this works in Firefox, but I get a parse error in safari and it doesn't work in internet explorer (most versions)

any ideas? am i doing this right?

[cowtipper]

ok, i solved my problem after hours of bashing my head and judicial use of lint.

the example given in the _source:

Code: Select all

config.format_h5 = { element : 'h5', attributes : { class : 'contentTitle5' } };

is wrong. It may work in firefox, but it won't work in ie and safari and opera. The code should be:

Code: Select all

config.format_h5 = { element : 'h5', attributes : { 'class' : 'contentTitle5' } };

see the change? notice the single quotes around "class"

so that makes the final code:

Code: Select all

CKEDITOR.replace( someElement,
{
format_tags : 'tag1,tag2,tag3',
format_tag1 : { element:'p', attributes : {'class':'tag1 label'}},
format_tag2 : { element:'p', attributes : {'class':'tag2 label'}},
format_tag3 : { element:'p', attributes : {'class':'tag3 label'}}
});

and it should work. you also have to do one more thing: add tag1, tag2, and tag3 to the language files.

and you should be good to go.