Rich-Text-Editor

Der Rich-Text-Editor ist ein grundlegendes Mittel für die Eingabe von Textinhalten in AEM. Sie können verschiedene Komponenten erstellen, einschließlich:

  • Text
  • Textbild
  • Tabelle

Rich-Text-Editor

Das Editor-Dialogfeld arbeitet nach dem WYSIWYG-Prinzip und bietet eine Vielzahl von Funktionen.

cq55_rte_basicchars

HINWEIS

Welche Funktionen verfügbar sind, richtet sich nach dem jeweiligen Projekt. Ihre spezielle Installation kann also Abweichungen aufweisen.

Bearbeiten im Kontext

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 zwei Mal langsam auf einen Absatz (kein Doppelklick), um die Bearbeitung im Kontext zu starten. Der Rahmen der Komponente wird nun orange dargestellt.

Sie können nun den Text direkt auf der Seite bearbeiten, anstatt ein Dialogfenster aufrufen zu müssen. Alle Änderungen werden sofort automatisch gespeichert.

cq55_rte_inlineediting

HINWEIS

Wenn der Content Finder geöffnet ist, wird oben auf der Registerkarte eine Symbolleiste mit den RTE-Formatierungsoptionen angezeigt (siehe oben).

Wenn der Content Finder nicht geöffnet ist, wird die Symbolleiste nicht angezeigt.

Derzeit ist die Bearbeitung im Kontext für Seitenelemente möglich, die durch die Komponenten Text und Titel erzeugt wurden.

HINWEIS

Die Titel-Komponente wurde konzipiert, um kurzen Text ohne Zeilenumbrüche zu enthalten. Wenn Sie einen Titel im kontextbasierten Bearbeitungsmodus bearbeiten, wird durch Einfügen eines Zeilenumbruchs eine neue Text-Komponente unter dem Titel geöffnet.

Funktionen des Rich-Text-Editors

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

Hier können Sie Formatierungen auf ausgewählte (markierte) Zeichen anwenden, für einige Optionen gibt es auch Tastaturkürzel:

  • Fett (Strg+B)
  • Kursiv (Strg+I)
  • Unterstrichen (Strg+U)
  • Tiefgestellt
  • Hochgestellt

cq55_rte_basicchars_use

Alle Funktionen arbeiten als Schalter, wenn Sie also erneut darauf klicken, wird die Formatierung wieder entfernt.

Vordefinierte Stile und Formate

cq55_rte_stylesparagraph

Ihre Installation kann außerdem vordefinierte Stile und Formate aufweisen, die in den Dropdownlisten Art (also Stil) und Format zur Verfügung stehen und auf von Ihnen ausgewählten Text angewendet werden können.

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

cq55_rte_styles_use

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

cq55_rte_paragraph_use

Ein spezifisches Format kann nur geändert werden (der Standardwert lautet Absatz).

Ein Stil kann 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:

VORSICHT

Markieren Sie keine Textbereiche in dem Text, auf den der Stil angewendet wurde, da ansonsten das Symbol nicht verfügbar ist.

Ausschneiden, Kopieren, Einfügen

Die Standardfunktionen Ausschneiden und Kopieren stehen zur Verfügung. Verschiedene Optionen für Einfügen erleichtern die Arbeit mit unterschiedlichen Formaten.

  • Ausschneiden (Strg+X)

  • Kopieren (Strg-C)

  • Einfügen
    Dies ist das Standard-Einfügeverfahren (Strg+V) für die Komponente. Für Standardinstallationen ist Aus Word einfügen festgelegt.

  • Als Text einfügen: Hierbei werden alle Stile und Formatierungen entfernt und der Inhalt wird als reiner Text eingefügt.

  • Aus Word einfügen: Hierbei wird der Inhalt im HTML-Format (mit einigen erforderlichen Umformatierungen) eingefügt.

Rückgängig/Wiederholen

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

VORSICHT

Der Bearbeitungsverlauf wird nur für die aktuelle Bearbeitungssitzung beibehalten. Er wird jedes Mal neu erstellt, wenn Sie die Komponente zur Bearbeitung öffnen.

HINWEIS

Standardmäßig sind fünfzig Aktionen vorgesehen. Die Anzahl kann bei Ihrer Installation abweichen.

Ausrichtung

Text kann entweder linksbündig, mittig oder rechtsbündig ausgerichtet sein.

cq55_rte_align_use

Einzug

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

cq55_rte_indent_use

Listen

Sie können sowohl Stichpunkt- als auch nummerierte Listen im Text erstellen. Wählen Sie entweder den Listentyp und geben Sie die Listenpunkte ein oder markieren Sie zuerst den umzuwandelnden Text. In beiden Fällen führt ein Zeilenwechsel dazu, dass ein neuer Listenpunkt erstellt wird.

Verschachtelte Listen lassen sich durch Einrücken eines oder mehrerer Listenpunkte erstellen.

Der Stil der Liste kann einfach dadurch geändert werden, dass Sie den Cursor innerhalb der Liste platzieren und einen anderen Stil wählen. Außerdem kann eine Unterliste einen anderen Stil aufweisen als die übergeordnete Liste. Dieser Stil kann angewendet werden, sobald Sie die Unterliste (durch Einrücken) erstellt haben.

cq55_rte_lists_use

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, außerdem ob sie in einem neuen Fenster geöffnet werden soll.

cq55_rte_link_use

Sie haben folgende Möglichkeiten:

  • Direkte Eingabe eines URI
  • Verwendung der Sitemap zur Auswahl einer Seite innerhalb der Website
  • Eingabe des URI, dann Anfügen des Ziel-Ankers, z. B. www.TargetUri.org#AnchorName
  • Eingabe eines reinen Ankers (zum Verweis auf die aktuelle Seite), z. B. #anchor
  • Suche nach einer Seite im Content Finder, deren Seitensymbol dann per Drag-and-Drop in das Dialogfeld „Hyperlink“ gezogen wird
HINWEIS

Der URI kann jedes der Protokolle vorangestellt werden, die für die jeweilige Installation konfiguriert sind. Bei einer Standardinstallation sind dies https://, ftp:// und mailto:. Protokolle, die nicht für die jeweilige Installation konfiguriert sind, werden zurückgewiesen und als ungültig markiert.

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

Ein Anker kann an einer beliebigen Stelle des Texts erstellt werden, indem Sie entweder den Cursor an diese Stelle setzen oder einen Textbereich markieren. Klicken Sie dann auf das Symbol Anker, um das Dialogfeld zu öffnen.

Geben Sie einen Namen für den Anker ein und klicken Sie auf OK, um die Änderung zu speichern.

cq55_rte_anchor_use

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

chlimage_1-104

Suchen und Ersetzen

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 startet immer an der aktuellen Cursorposition im Text. Wird das Ende der Komponente erreicht, erhalten Sie eine Meldung, dass der Vorgang ab dem Beginn der Komponente fortgesetzt wird.

cq55_rte_find_use

Mit der Option Ersetzen können Sie Suchen und dann Ersetzen auf eine einzelne Instanz des angegebenen Texts oder Alles ersetzen auf alle Instanzen des angegebenen Texts innerhalb der aktuellen Komponente anwenden.

cq55_rte_findreplace_use

Bilder

Bilder können aus dem Content Finder gezogen und in den Text eingefügt werden.

cq55_rte_image_use

HINWEIS

AEM bietet auch spezielle Komponenten für eine detailliertere Bildkonfiguration. Beispielsweise stehen Ihnen die Komponenten Bild und Textbild zur Verfügung.

Rechtschreibprüfung

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

Alle falschen Schreibweisen werden hervorgehoben:

cq55_rte_spellchecker_use

HINWEIS

Die Rechtschreibprüfung erfolgt in der Sprache der Website. Dazu wird entweder die Spracheigenschaft der Unterstruktur übernommen oder die Sprache aus der URL extrahiert. Beispielsweise erfolgt die Prüfung für den Zweig en in Englisch und für den Zweig de in Deutsch.

Tabellen

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

  • Als Komponente Tabelle

    chlimage_1-105

  • Innerhalb der Komponente Text

    HINWEIS

    Obwohl im RTE keine Tabellen verfügbar sind, empfiehlt es sich, beim Erstellen von Tabellen die Komponente Tabelle zu verwenden.

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:

cq55_rte_tablemenu

HINWEIS

In der Komponente Tabelle ist außerdem eine spezielle Werkzeugleiste verfügbar, die neben den Standard-Funktionen für die Bearbeitung von Rich-Text auch eine Untergruppe tabellenspezifischer Funktionen enthält.

Dies sind die tabellenspezifischen Funktionen:

Tabelleneigenschaften

cq55_rte_tableproperties_icon

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

cq55_rte_tableproperties_dialog

  • Breite: Die Gesamtbreite der Tabelle.

  • Höhe: Die Gesamthöhe der Tabelle.

  • Rahmen: Die Rahmenbreite der Tabelle.

  • Textabstand: Die Breite des Leerraums zwischen Zelleninhalt und Rahmen.

  • Zellenabstand: Der Abstand zwischen den Zellen.

HINWEIS

Einige Zelleneigenschaften wie Breite und Höhe können als Pixel oder Prozentwerte definiert werden.

VORSICHT

Adobe empfiehlt, eine Breite für die Tabelle anzugeben.

Zelleneigenschaften

cq55_rte_cellproperties_icon

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

cq55_rte_cellproperties_dialog

  • Breite
  • Höhe
  • Horizontale Ausrichtung: Links, Mitte oder rechts
  • Vertikale Ausrichtung: Oben, Mitte, unten oder Grundlinie
  • Zellentyp: Daten oder Kopfzeile
  • Anwenden auf: Einzelne Zelle, gesamte Zeile, gesamte Spalte

Zeilen hinzufügen oder löschen

cq55_rte_rows

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

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

Hinzufügen oder Löschen von Spalten

cq55_rte_columns

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

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

Auswählen ganzer Zeilen oder Spalten

chlimage_1-106

Dadurch wird die gesamte Zeile bzw. Spalte ausgewählt. Dann sind bestimmte Aktionen (z. B. „Zusammenführen“) verfügbar.

Zusammenführen von Zellen

cq55_rte_cellmerge cq55_rte_cellmerge-1

  • Wenn Sie eine Gruppe von Zellen ausgewählt haben, können Sie sie zu einer einzigen Zelle zusammenführen.
  • Wenn Sie nur eine Zelle ausgewählt haben, können Sie diese Zelle mit der Zelle rechts davon oder der Zelle unterhalb davon zusammenführen.

Teilen von Zellen

cq55_rte_cellsplit

Einzelne Zelle auswählen und teilen

  • Durch die horizontale Teilung einer Zelle wird eine neue Zelle rechts von der aktuellen Zelle und innerhalb der aktuellen Spalte eingefügt.
  • Durch die vertikale Teilung einer Zelle wird eine neue Zelle unterhalb der aktuellen Zelle und innerhalb der aktuellen Zeile eingefügt.

Erstellen verschachtelter Tabellen

chlimage_1-107

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

HINWEIS

Bestimmte weitere Optionen sind browserabhängig.

  • Windows IE: Verwenden Sie Strg+primäre Maustaste (in der Regel linke Maustaste) zur Auswahl mehrerer Zellen.
  • Firefox: Ziehen Sie den Mauszeiger, um einen Zellenbereich auszuwählen.

Tabelle entfernen

cq55_rte_removtable

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

Sonderzeichen

Je nach Installation können in Ihrem Rich-Text-Editor auch Sonderzeichen verfügbar sein.

cq55_rte_specialchars_use

Halten Sie den Mauszieger über ein bestimmtes Zeichen, um eine vergrößerte Vorschau anzuzeigen, und klicken Sie dann darauf, um es an der aktuellen Position in den Text einzufügen.

Quellbearbeitungsmodus

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

Betrachten Sie z. B. folgenden Text:

cq55_rte_sourcemode_1

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

cq55_rte_sourcemode_2

VORSICHT

Beim Verlassen des Quellmodus führt AEM bestimmte Prüfungen durch (z. B. ob der Text ordnungsgemäß in Blöcken enthalten bzw. verschachtelt ist). Dies kann zu Änderungen an den Bearbeitungen führen.

Auf dieser Seite