Custom styles in Rich Text Editor problem

stefan.norinder@vhs.se

Vote:

Hi,

I'm trying to implement custom styles in the rich text editor as described here: http://marekblotny.blogspot.com/2009/05/how-to-define-custom-styles-in.html

My css file is like this:

1 : /* EPiServer.SpecializedProperties.PropertyXhtmlString */
2 : h1 { EditMenuName: Header 1;}
3 : h2 { EditMenuName: Header 2;}

The different menu items (Header 1, Header 2) are displayed correctly in the drop down list, so the stylesheet is loaded into the editor. But if I select some text in the editor and choose for example Header 1 from the drop down list, the editor only sets the tag </UNKNOWNED> behind the text.

Help would be highly appreaciated because I realy stuck here.

#48841

Feb 17, 2011 14:41

Johan Kronberg

Vote:

You need to put a class in your rules.

It's that class that will be put as the lone class value on the selected element.

h1.customheading1 { EditMenuName: Header 1; font-color:red;}
h2.customheading2 { EditMenuName: Header 2; font-color:green;}

#48847

Feb 17, 2011 17:57

Johan Kronberg

Vote:

I was wrong. Something like you had should work. Here's a working example:

h2 {EditMenuName:Rubrik 2;}
h3 {EditMenuName:Rubrik 3;}
h4 {EditMenuName:Rubrik 4;}
img.left {EditMenuName:Vänster;}
img.right {EditMenuName:Höger;}

It's might be a bad idea to let the editor set a h1 inside the editor... Normally page name should be h1 in the document.

#48848

Feb 17, 2011 18:05

stefan.norinder@vhs.se

Vote:

Thanks Johan. Your post did the trick! Now it works like a charm.

#48862

Feb 18, 2011 10:46