customizing the format flyout box

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:

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?

Thu, 08/27/2009 - 07:13

cowtipper

Joined: 26/08/2009

Posts: 5

Re: customizing the format flyout box

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

the example given in the _source:

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:

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

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

so that makes the final code:

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.

Sat, 12/11/2010 - 17:29

fredlefred

Joined: 29/01/2009

Posts: 15

Re: customizing the format flyout box

Thank's a lot ! It works for me ! I can use format_tags with IE !