Um eventuelle Unstimmigkeiten bei der Arbeit mit der Extension zu analysieren, können durch Einschalten der Option „Enable troubleshooting mode“ Statusmeldungen ausgegeben werden. Mit den Optionen „Maximum width of plain images“ und „Maximum height of plain images“ kann die maximale Größe von Bildern, die im Editor eingefügt werden können, begrenzt werden. Diese Option ist zum Beispiel sehr nützlich, wenn dem Inhaltsbereich auf der Webseite eine feste Breite in Pixeln zugewiesen ist. Die Konfiguration des Editors wird mit einem Klick auf den Button „Update“ gespeichert.

Der htmlArea-RTE mit allen Elementen aktiviert.

Teil 3: htmlArea benutzen

Um den htmlArea-RTE zu testen, kann auf einer beliebigen Seite ein neues Inhaltselement vom Typ „Normaler Text“ erstellt werden. Beim Anlegen eines neuen Texts erscheinen die gewohnten Formulare für die Inhaltserzeugung, die eigentliche Eingabebox enthält jedoch den neu installierten htmlArea-RTE.

Die Buttons im Demo-Modus.

Gerade um die Funktionsweise des Editors zu verstehen, spielt der HTML-Modus (23) eine große Rolle, da in der HTML-Quellcode-Ansicht das Verhalten der verschiedenen Funktionen nachvollzogen werden kann. Beim Drücken der Enter-Taste wird beispielsweise deutlich, dass nicht ein Zeilenumbruch (<br/>), sondern ein <p>-Tag eingesetzt wird. Ein Zeilenumbruch wird mit Shift+Enter eingesetzt.

Links

Um einen Link im Text zu erzeugen, wird ein Wort markiert und nach einem Klick auf den Link-Button (15) kann in dem sich öffnenden Fenster die Art des Links definiert werden. Dazu gehört die Entscheidung zwischen seiteninternen und externen Links. Außerdem können CSS-Stile und das target-Attribut gesetzt werden.