zum Inhalt springen

Elemente in den Text einfügen

Funktionen für barrierearme Seiten

Der Rich-Text-Editor unterstützt Sie dabei, barrierearme Webseiten zu erstellen. Dazu können Sie:

Links und Downloads einfügen

Es gibt eine eigenständige Anleitung für das Einfügen von Links und Downloads. Gerade Links innerhalb Ihrer Webseite sollten Sie mit der entsprechenden TYPO3-Funktion setzen (statt absolut mit einer konkreten Adresse), damit TYPO3 die Verlinkung automatisch anpassen kann, falls der Inhalt verschoben wird.

Sonderzeichen einfügen

Wenn Sie in der zweiten Menüzeile des RTE die mit Omega beschriftete Schaltfläche auswählen, öffnet sich ein Dialog-Fenster mit einigen gebräuchlichen Sonderzeichen. Sie fügen diese einfach durch Anklicken in den Text ein.

vergrößern: RTE-Sonderzeichen einfügen
Wenn Sie in der zweiten Menüzeile des RTE den mit dem Omega-Zeichen beschrifteten Button betätigen, öffnet sich ein Menü mit verfügbaren Sonderzeichen. Wenn Sie eines davon anklicken, wird es an der Stelle Ihres Cursors eingefügt.

Tabellen einfügen

Tabellen sollten Sie auf Ihren Webseiten wenn möglich vermeiden. Sie sind schlecht für die Barrierefreiheit Ihrer Seite und können auch mit responsive Design auf Mobilgeräten oft nicht vernünfig angezeigt werden.

Sie können dennoch direkt im Rich-Text-Editor einfache Tabellen anlegen. Beachten Sie diesbezüglich bitte die dedizierte Anleitung zum Einfügen von Tabellen in TYPO3.

Bilder und Videos einfügen

Verwenden Sie den Rich-Text-Editor nicht, um Bilder einzubetten. Von dieser Methode wurde immer abgeraten, seit Version 8 von TYPO3 funktioniert dies gar nicht mehr. Folgen Sie bitte unsere Anleitung zum Einbetten von Bildern.

Für die Einbettung von Videos unterstützen wir die wichtigsten Dienste (YouTube, Vimeo) und den hauseigenen Dienst. Betten Sie Videos bitte nicht über den RTE oder Code, sondern unbedingt über die speziellen Inhaltselemente zum Einbetten von Videos des UzK2015-Design ein.

Aufzählungen

Sie können sehr einfach Aufzählungen anlegen. Schreiben Sie zunächst die einzlnen Punkte untereinander auf. Markieren Sie diese. Dann wählen Sie in der oberen Menüzeile aus, ob Sie eine nummerierte Aufzählung oder einfache Bullet-Points möchten. Wenn Sie Unterebenen einfügen möchten, fügen Sie den Inhalt zunächst als Punkt in der Aufzählung ein. Dann erhöhen Sie den Einzug über den entsprechenden Button. Um den Punkt eine Ebene nach oben zu befördern, entfernen Sie den Einzug wieder über den Button daneben.

vergrößern: RTE-Aufzählungen
Markieren Sie den Text, den Sie in eine Aufzählung umwandeln möchten. Wählen Sie anschließend die Art (nummeriert oder Bullet-Points). Dann kontrollieren Sie die Einrückung, um Unterebenen zu erzeugen.

Code formatiert anzeigen

Wenn Sie auf einer Webseite Code erläutern möchten, dann müssen Sie diesen so einbetten, dass der Browser weder die Formatierung ändert, noch versucht ihn zu interpretieren. Würden Sie beispielsweise auf dieser Seite HTML-Code einfach so eingeben, würde der Browser ihn ausführen. Wenn Sie stattdessen die Funktion "Insert Code Snippet" verwenden, können Sie einen Code-Block in seiner Textform darstellen. Etwa so:

<p>Das ist HTML-Code, der <i>nicht</i> interpretiert wird!</p>

Diese Funktion steht unter anderem für die Sprachen Bash, C++, HTML, Java, JavaScript, PHP, Python und SQL zur Verfügung. Um die Funktion zu nutzen, betätigen Sie die Schaltfläche mit dem Tooltip "Insert Code-Snippet" in der zweiten Reihe des Menü. Es öffnet sich ein Dialog wo Sie im Drop-Down-Menü die Sprache des Codes einstellen und diesen dann in das Textfeld darunter kopieren.

Sourcecode des Textelements anzeigen

Sie können sich innerhalb des Rich-Text-Editors den HTML-Sourcecode des Elements anzeigen lassen, welches Sie gerade bearbeiten. Sobald Sie auf die Sourcecode-Ansicht umschalten, stehen Ihnen die ganzen auf dieser Seite beschriebenen Funktionen nicht zur Verfügung bis Sie wieder zurückschalten.

Sie sollten nur mit dieser Ansicht arbeiten, wenn Sie genau wissen was Sie tun. Diese Funktion dient ausschließlich zur Fehlerbehebung für den seltenen Fall, dass der RTE fehlerhaften Code erzeugen sollte. Sie sollten auf keinen Fall eigenständig Code einfügen. Beachten Sie, dass TYPO3 nicht vorgesehene Code-Elemente filtert und Sie die Ansicht der Seite negativ beeinflussen können.

vergrößern: RTE-Source-Ansicht
Wenn Sie über den mit "Source" beschrifteten Button in die Source-Code-Ansicht wechseln, stehen Ihnen keine weiteren Funktionalitäten des RTE zur Verfügung bis Sie mit dem gleichen Button zurückschalten.

Andere Elemente einfügen

TYPO3, dessen Extensions und das Unidesign stellen Ihnen viele Inhaltselemente wie etwa Teaser zur Verfügung. Diese fügen Sie nicht über den Rich-Text-Editor ein. Stattdessen steht Ihnen der RTE oftmals innerhalb dieser Elemente zur Verfügung, um den Inhalt zu formatieren. Übersichten der verfügbaren Elemente finden Sie hier:

Kontakt
Bei Fragen und für eine individuelle Beratung wenden Sie sich bitte an TYPO3-Master.
Bei Fragen speziell zu unserem Angebot UniTy3, verwenden Sie bitte dieses Kontaktformular: UniTy3-Support.