Step by Step Instructions on how to add a style in the drop down box in the edit mode

Vote:
 

Hello EPiServer.

Would appreciate a list of easy to follow, step by step instructions on how to get styles to appear in the drop down mode found in the TinyMCE editor?

Is it just a case of amending the area in the admin -> config -> system settings -> editor so that it points at a relevant stylesheet, and it will just read through the styles on this stylesheet, and populate the box??

Many Thanks.

Marc.

#57215
Mar 02, 2012 12:02
Vote:
 

Hi,

Yes you could do so. You can also change the path in episerver.config, the settings is called uiEditorCssPaths. You can also have an dynamic property and name it EditorCssPaths (I guess).

In your css you can decorate each style rule so it appears in the drop-down.

 

p.red{
	EditMenuTitle: Paragraphs;
	EditMenuName: Red text;
	font-color:red;
}

    

#57219
Edited, Mar 02, 2012 12:57
This thread is locked and should be used for reference only. Please use the Episerver CMS 7 and earlier versions forum to open new discussions.
* You are NOT allowed to include any hyperlinks in the post because your account hasn't associated to your company. User profile should be updated.