RTE-Configs

Um die angezeigten Elemente im Editor zu bearbeiten, wird am Layout WebHome Dokument ein Objekt der Klasse Classes.RTEConfigTypePropertiesClass hinzugefügt. Auf dem XWikiPreferences Dokument wird diese RTEConfig mit einem Verweis auf einem Classes.RTEConfigTypeClass Objekt aktiviert.

 

RichTextEditor Layout Row 1-3

Angabe der Elemente: einzelne Elemente werden durch Kommas , getrennt, Gruppierung durch einen horizontaler Strich |

  • save, cancel
  • removeformat, formatselect, styleselect
  • bold, italic, underline
  • justifyleft, justifycenter, justifyright, justifyfull
  • numlist, bullist
  • link, unlink, anchor
  • image, insertimage
  • template
  • charmap
  • pastetext, pasteword
  • tablecontrols, separator, code


RichTextEditor Styles

Angabe der CSS-Klassen für die Auswahl in styleselect in der Form PrettyName=KlassName, Trennungssymbol ist ein Semikolon ;

Beispiel für die zwei CSS Klassen .gross und .klein:

Kleine Schrift=klein;grosse Schrift=gross


RichTextEditor Block Formats

Angabe welche HTML Text Elemente zur Auswahl stehen sollen in formatselect. Angaben in der Form PrettyName=HTML-Element.

Beispiel für Überschrift h1 und Text p - wobei auf Dictionary Einträge gegriffen wird für den Pretty Name :

rte_heading1=h1,rte_text=p

 

RichText valid_elements

Es wird folgende Standard Konfiguration verwendet, wenn dieses Feld leer ist:

+a[href|class|target|onclick|name|id|title|rel|hreflang],b/strong,br,caption,#h?[align<center?justify?left?right|class|style|id],hr[class|width|size|noshade],img[width|height|class|align|style|src|border=0|alt|id|title|usemap],i/em,#p[style|class|name|id],-span[class|style|id|title],textformat[blockindent|indent|leading|leftmargin|rightmargin|tabstops],sub[class],sup[class],table[align<center?left?right|bgcolor|border|cellpadding|cellspacing|class|height|width|style|id|title],tbody[align<center?char?justify?left?right|class|valign<baseline?bottom?middle?top],#td[align<center?char?justify?left?right|bgcolor|class|colspan|headers|height|nowrap<nowrap|style|rowspan|scope<col?colgroup?row?rowgroup|valign<baseline?bottom?middle?top|width],#th[align<center?char?justify?left?right|bgcolor|class|colspan|headers|height|rowspan|scope<col?colgroup?row?rowgroup|valign<baseline?bottom?middle?top|style|width],thead[align<center?char?justify?left?right|class|valign<baseline?bottom?middle?top],-tr[align<center?char?justify?left?right|bgcolor|class|style|rowspan|valign<baseline?bottom?middle?top|id],-ol[class|type|compact],-ul[class|type|compact],#li[class]

 

Weitere Details über die Konfiguration: https://www.tiny.cloud/docs-3x/reference/configuration/Configuration3x@valid_elements/