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:
- Text
- Textbild
- Tabelle
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:
- Fett (Strg+B)
- Kursiv (Strg+I)
- Unterstreichen (Strg+U)
- Tiefgestellt
- Hochgestellt
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.
-
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 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:
- Direkte Eingabe eines URI
- Verwendung der Sitemap zur Auswahl einer Seite innerhalb der Website
- Geben Sie den URI ein und fügen Sie einen Zielanker hinzu, 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
https://
, ftp://
und mailto:
. Protokolle, die nicht für Ihre 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 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:
en
in Englisch und für die Verzweigung de
in Deutsch.Tabellen tables
Tabellen können auf zwei Arten eingefügt werden:
-
Als Komponente Tabelle
-
Innerhalb der Komponente Text
note note NOTE 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:
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:
-
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.
Zelleneigenschaften cell-properties
Die Eigenschaften einer Zelle bzw. einer Reihe von Zellen können konfiguriert werden:
- 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 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
- Wenn Sie eine Gruppe von Zellen ausgewählt haben, können Sie sie zu einer einzigen Zelle fusionieren.
- Wenn Sie nur eine Zelle ausgewählt haben, können Sie diese Zelle mit der Zelle rechts davon oder der Zelle unterhalb davon fusionieren.
Teilen von Zellen split-cells
Auswählen einer einzelnen Zelle, um sie zu teilen:
- Wenn Sie eine Zelle horizontal teilen, wird eine neue Zelle rechts neben der aktuellen Zelle in der aktuellen Spalte generiert.
- Wenn Sie eine Zelle vertikal teilen, wird eine neue Zelle unter der aktuellen Zelle, jedoch innerhalb der aktuellen Zeile generiert.
Erstellen verschachtelter Tabellen creating-nested-tables
Durch Erstellen einer geschachtelten Tabelle wird eine separate Tabelle innerhalb der aktuellen Zelle eingefügt.
- Windows IE: Verwenden Sie Strg+primäre Maustaste (normalerweise linke Maustaste), um mehrere Zellen auszuwählen.
- Firefox: Ziehen Sie den Mauszeiger, um einen Zellenbereich auszuwählen.
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):