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>