Style-Klassen
Benutzerdefinierte Klassen sind im Richtexteditor über Auswahfelder aktivierbar. Die Definition der Klassen und die css-styles, die im Richtexteditor gelten, bestimmt man über die Elemente xe:inlineStyle für Inlineelemente und xe:blockStyle für Blockelemente.
<xe:editor xmlns:xe= "http://onionworks.net/2004/webeditor/xhtmleditor/configuration">
<xe:settingsGroup
name="EditingServices.XHtml"
editorHeight="600px"
>
<xe:inlinePictures maxWidth="320" maxHeight="320" />
<xe:styles>
<xe:inlineStyle name="myTest" css="background-color: green; color: white" />
<xe:blockStyle name="myBlockTest" css="background-color: red; color: white" />
<xe:blockStyle name="myBlockTest2" css="background-color: blue; color: white" />
</xe:styles>
</xe:settingsGroup>
</xe:editor>
Die benutzerdefinierten Klassen lassen sich für das Auswahlfeld lokalisieren.
<resources>
<namespace name="Onion.Client.WebUI">
<namespace name="XHtmlEditors">
<type name="EditingServices.XHtml">
<item name="Class:myTest#Label">Testklasse</item>
<item name="Class:myBlockTest#Label">Blockklasse</item>
<item name="Class:myBlockTest2#Label">Blockklasse 2</item>
</type>
</namespace>
</namespace>
</resources> 
Settingsgroups
