AW: [opencms-dev] wysiwyg editor styles

[Frank Wunderlich]

Hi Martin,

You have to define and use cascading-stylesheets.
In the master-xml-template you can define the stylesheet that shall be
used by the editor:

<stylesheet>/system/modules/mymodule/resources/homepage.css</stylesheet>

In the jsp-templates you reference the stylesheet that shall be used by
your website:

<link href="<cms:link>../resources/homepage.css</cms:link>"
type="text/css" rel="StyleSheet">


Inside the stylesheet you define styles for all the tags generated by
the active-x-editor, for example:

H1 {
	FONT-SIZE: 14px; COLOR: #170357; FONT-FAMILY: Verdana, Arial,
Helvetica, sans-serif;
      FONT-VARIANT: small-caps; FONT-WEIGHT: bold;
	PADDING: 0px; PADDING-TOP: 2px; PADDING-BOTTOM: 5px; MARGIN:
0px;
}

for heading 1.

Just take a look at the code generated by the control and you know for
which html-elements you have to define styles.

Ciao,
Frank.




> 
> 
> I understand that the wysiwyg editor has a listbox to the 
> left where I 
> can select a style like "heading 1" etc ... seems most useful to 
> restrict user "creativity" when trying to use a couple of different 
> fonts on one page etc
> 
> Is there a place (in opencms or elsewhere) where I can configure the 
> mapping between the style-name and the font/size etc ?
> 
> TIA
> --
> martin
> 
> _______________________________________________
> This mail is send to you from the opencms-dev mailing list
> To change your list options, or to unsubscribe from the list, 
> please visit http://mail.opencms.org/mailman/listinfo/opencms-dev
>