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

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

Marc Harris

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.

#57216

Mar 02, 2012 12:03

Vote:

Hi Marc

Linus Ekstöm has written a little about it here: http://world.episerver.com/Blogs/Linus-Ekstrom/Dates/2011/3/Improvements-in-TinyMCE-in-EPiServer-CMS-6-R2/

-Claus

#57217

Mar 02, 2012 12:52

Johan Petersson

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;
}

#57220

Mar 02, 2012 12:58

Try our conversational search powered by Generative AI!

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