Rich-Text-Editor rich-text-editor

Der Rich-Text-Editor ist ein grundlegender Baustein für die Eingabe von Textinhalten in AEM. Er bildet die Grundlage für verschiedene Komponenten, darunter:

Rich-Text-Editor rich-text-editor-1

Das Dialogfeld der WYSIWYG-Bearbeitung bietet einen großen Funktionsumfang:

Bearbeiten im Kontext in-place-editing

Zusätzlich zu der Bearbeitung in Dialogfeldern durch den Rich-Text-Editor bietet AEM noch die Möglichkeit einer Bearbeitung im Kontext, bei der Sie den Text so bearbeiten, wie er im Layout der Seite erscheint.

Klicken Sie zweimal auf einen Absatz (langsamer Doppelklick), um in den Bearbeitungsmodus für den Kontext zu wechseln (der Komponentenrahmen ist jetzt orange).

Sie können nun den Text direkt auf der Seite bearbeiten, anstatt ein Dialogfenster aufrufen zu müssen. Nehmen Sie einfach Ihre Änderungen vor, und sie werden automatisch gespeichert.

Derzeit ist der Kontext-Bearbeitungsmodus für Seitenelemente aktiviert, die von den Text- und Titel-Komponenten generiert werden.

Funktionen des Rich-Text-Editors features-of-the-rich-text-editor

Der Rich-Text-Editor bietet verschiedene Funktionen, die von der Konfiguration der einzelnen Komponente abhängen. Die Funktionen sind sowohl für die Touch-optimierte als auch für die klassische Benutzeroberfläche verfügbar.

Grundlegende Zeichenformate basic-character-formats

Hier können Sie die Formatierung auf die von Ihnen ausgewählten Zeichen (hervorgehoben) anwenden; einige Optionen verfügen auch über Tastaturkürzel:

Alle fungieren als Umschalter, sodass bei einer erneuten Auswahl das Format entfernt wird.

Vordefinierte Stile und Formate predefined-styles-and-formats

Ihre Installation kann vordefinierte Stile und Formate enthalten. Diese sind in den Dropdown-Listen Stil und Format verfügbar und können auf Text angewendet werden, den Sie ausgewählt haben.

Ein Stil kann auf eine bestimmte Zeichenfolge angewendet werden (ein Stil ist CSS-basiert):

Ein Format hingegen wird auf einen gesamten Textabsatz angewendet (Formate sind HTML-basiert):

Ein bestimmtes Format kann nur geändert werden (die Standardeinstellung ist Absatz).

Ein Stil kann auch entfernt werden. Platzieren Sie dafür den Cursor innerhalb des Textes, auf den der Stil angewendet wurde, und klicken Sie dann auf das Löschsymbol:

Ausschneiden, Kopieren, Einfügen cut-copy-paste

Es sind die Standardfunktionen Ausschneiden und Kopieren verfügbar. Verschiedene Variationen von Einfügen sind verfügbar, die sich für unterschiedliche Formate eignen.

Rückgängig, Wiederholen undo-redo

AEM speichert die jeweils letzten 50 Aktionen in der aktuellen Komponente in chronologischer Reihenfolge. Diese Aktionen können ggf. rückgängig gemacht (und dann wiederholt) werden, aber nur in der Reihenfolge ihrer Durchführung.

Ausrichtung alignment

Ihr Text kann entweder links, zentriert oder rechts ausgerichtet sein.

Einzug indentation

Der Einzug eines Absatzes kann erhöht oder verringert werden. Der ausgewählte Absatz wird eingerückt, und jeder neu eingegebene Text behält den aktuellen Einzug bei.

Listen lists

In Ihrem Text können Sie sowohl Aufzählungslisten als auch nummerierte Listen erstellen. Wählen Sie entweder den Listentyp aus und beginnen Sie mit der Eingabe oder markieren Sie den zu konvertierenden Text. In beiden Fällen startet ein Zeilen-Feed ein neues Listenelement.

Verschachtelte Listen können durch Einrücken eines oder mehrerer Listenelemente erreicht werden.

Der Stil der Liste kann einfach dadurch geändert werden, dass Sie den Cursor innerhalb der Liste platzieren und einen anderen Stil wählen. Eine Unterliste kann auch einen anderen Stil haben als die übergeordnete Liste. Dies kann angewendet werden, sobald die Unterliste (durch den Einzug) erstellt wurde.

Links links

Ein Link zu einer URL (entweder innerhalb der Website oder zu einer externen Adresse) wird dadurch erstellt, dass Sie den gewünschten Text markieren und dann auf das Hyperlink-Symbol klicken:

Daraufhin wird ein Dialogfeld angezeigt, in dem Sie die Ziel-URL angeben können und ob sie in einem neuen Fenster geöffnet werden soll.

Sie haben folgende Möglichkeiten:

Um den Hyperlink zu entfernen, klicken Sie auf eine beliebige Stelle innerhalb des Link-Texts und klicken Sie auf das Symbol Verknüpfung aufheben:

Anker anchors

Ein Anker kann an einer beliebigen Stelle innerhalb des Textes erstellt werden, indem Sie entweder den Cursor platzieren oder Text auswählen. Klicken Sie dann auf das Anker-Symbol, um das Dialogfeld zu öffnen.

Geben Sie den Namen des Ankers ein und klicken Sie auf OK, um die Änderung zu speichern.

Der Anker wird beim Bearbeiten der Komponente angezeigt und kann nun als Sprungziel für Links verwendet werden.

Suchen und Ersetzen find-and-replace

AEM enthält die Funktion Suchen und die Funktion Ersetzen („Suchen und Ersetzen“).

Bei beiden Funktionen ermöglicht die Schaltfläche Weitersuchen die Suche nach dem angegebenen Text innerhalb der geöffneten Komponente. Sie können außerdem angeben, ob Groß-/Kleinschreibung beachtet werden soll.

Die Suche beginnt immer an der aktuellen Cursor-Position im Text. Wenn das Ende der Komponente erreicht ist, werden Sie in einer Meldung darüber informiert, dass der nächste Suchvorgang von oben gestartet wird.

Mit der Option Ersetzen können Sie eine individuelle Instanz mit dem angegebenen Text Suchen und dann Ersetzen oder mit Alle ersetzen alle Instanzen in der aktuellen Komponente ersetzen.

Bilder images

Bilder können aus der Inhaltssuche gezogen werden, um sie zum Text hinzuzufügen.

Rechtschreibprüfung spelling-checker

Die Rechtschreibprüfung überprüft den gesamten Text innerhalb der aktuellen Komponente.

Alle falschen Schreibweisen werden hervorgehoben:

Tabellen tables

Tabellen können auf zwei Arten eingefügt werden:

Sowohl in der Komponente Text als auch in der Komponente Tabelle sind die Tabellenoptionen über das Kontextmenü verfügbar, das in der Regel durch Klicken mit der rechten Maustaste auf die Tabelle aufgerufen wird. Beispiel:

Die tabellenspezifischen Funktionen sind:

Tabelleneigenschaften table-properties

Sie können die grundlegenden Eigenschaften der Tabelle angeben und dann auf OK klicken, um die Angaben zu speichern:

Zelleneigenschaften cell-properties

Die Eigenschaften einer Zelle bzw. einer Reihe von Zellen können konfiguriert werden:

Zeilen hinzufügen oder löschen add-or-delete-rows

Zeilen können entweder über oder unter der aktuellen Zeile hinzugefügt werden.

Die aktuelle Zeile kann außerdem gelöscht werden.

Hinzufügen oder Löschen von Spalten add-or-delete-columns

Spalten können entweder links oder rechts von der aktuellen Spalte hinzugefügt werden.

Die aktuelle Spalte kann außerdem gelöscht werden.

Auswählen ganzer Zeilen oder Spalten selecting-entire-rows-or-columns

Dadurch wird die gesamte Zeile bzw. Spalte ausgewählt. Anschließend sind bestimmte Aktionen verfügbar (z. B. Zusammenführen).

Zusammenführen von Zellen merge-cells

Teilen von Zellen split-cells

Auswählen einer einzelnen Zelle, um sie zu teilen:

Erstellen verschachtelter Tabellen creating-nested-tables

Durch Erstellen einer geschachtelten Tabelle wird eine separate Tabelle innerhalb der aktuellen Zelle eingefügt.

Tabelle entfernen remove-table

Verwenden Sie die Option, um die Tabelle aus der Komponente Text zu entfernen.

Sonderzeichen special-characters

Sonderzeichen können Ihrem Rich-Text-Editor zur Verfügung gestellt werden. Diese können je nach Installation variieren.

Verwenden Sie den Mauszeiger, um eine vergrößerte Version des Zeichens anzuzeigen, und klicken Sie dann darauf, um es an der aktuellen Position in Ihrem Text einzufügen.

Quellbearbeitungsmodus source-editing-mode

Im Quellbearbeitungsmodus können Sie den HTML-Code, der der aktuellen Komponente zugrunde liegt, anzeigen und bearbeiten.

Der Text:

Im Quellmodus hat dieser Text folgende Gestalt (oft ist der HTML-Quelltext wesentlich länger und Sie müssen einen Bildlauf durchführen):