--- title: "Tutorials: Arbeiten mit dem Rich Text Editor von TYPO3 – Hier ist toujou." url: "https://www.toujou.de/tutorials/seiteninhalte/textbearbeitung/" description: Lernen Sie den Umgang mit dem Texteditor in TYPO3, um Ihren Texten das richtige Format zu verleihen. date: 2018-04-11 modified: 2022-09-27 --- # Tutorials: Arbeiten mit dem Rich Text Editor von TYPO3 – Hier ist toujou. 1. [Home](https://www.toujou.de/) 2. [Service](https://www.toujou.de/service/) 3. [Tutorials](https://www.toujou.de/tutorials/) 4. [Seiteninhalte bearbeiten](https://www.toujou.de/tutorials/seiteninhalte/) 5. [Textbearbeitung](https://www.toujou.de/tutorials/seiteninhalte/textbearbeitung/) Textbearbeitung =============== Überschriften und ihre Auszeichnung, Texte, Aufzählungen und Tabellen, Stile und Schriftgrößen, Buttons und Verlinkungen – um Ihrer redaktionellen Arbeit Format zu verleihen, sollten Sie den Umgang mit dem Texteditor in toujou beherrschen. [Anleitung](#c1001673) [Video-Tutorials](#c1001677) [Hinweise, Tipps & Tricks](#c1001675) **Verwandte Themen**: [Quelltext](https://www.toujou.de/tutorials/seiteninhalte/textbearbeitung/quelltext/) [Ankerlinks](https://www.toujou.de/tutorials/seiteninhalte/textbearbeitung/ankerlinks-setzen/) [Alle Elemente im Überblick](https://www.toujou.de/service/elementbibliothek/#c1001362) [Alle Tutorials im Überblick](https://www.toujou.de/tutorials/#c1001602) --- Schritt für Schritt --------------------- **Vorab-Anmerkung: Für die folgenden Erläuterungen spielt das Inhaltselement eine untergeordnete Rolle, solange dies einen Texteditor (Rich text editor = RTE) enthält.** [ ![Screenshot toujou backend, das zeigt wie Headlines und Textstile bearbeitet werden](https://www.toujou.de/_assets/processed/BHErEAwn0-HsSwQmJXZuZnaehugVJU3QwT6iH3i6vqM/q:85/c:2221:1247.7528089888:fp:0.5:0.5/rt:force/w:433/h:243/fn:Y3NtX3J0ZS1oZWFkbGluZXMtdGV4dHN0aWxlXzg5OGViNWQ3NmQ:t/cb:d86ce560e7076d274987c662eada73b810e8461b/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzA2X3BhZ2UvcnRlLWhlYWRsaW5lcy10ZXh0c3RpbGUucG5n) ](https://www.toujou.de/_assets/processed/VUVb6uWmy6RW-tmdDbNvxBv1LmEYEx9XRGYUYsdCSsM/q:85/w:1024/h:576/fn:Y3NtX3J0ZS1oZWFkbGluZXMtdGV4dHN0aWxlX2QwY2VmNDU0OWQ:t/cb:d86ce560e7076d274987c662eada73b810e8461b/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzA2X3BhZ2UvcnRlLWhlYWRsaW5lcy10ZXh0c3RpbGUucG5n) ### Überschriften (Headlines) und Textstile - In toujou haben Sie die Möglichkeit, über das Menü *Absatzformat* (kurz: Absatz) Text(teil)e als [Überschrift H1 bis H5](https://www.toujou.de/service/elementbibliothek/text-elements/headline-element/) auszuzeichnen. Dies ist die für Code und Suchmaschinen relevante Auszeichnung. - Im Dropdown *Stile* vergeben Sie verschiedene Schriftgrößen: von Teasertext, Infotext und Notes über Headline- oder Subheadline-Stile oder Schriftgrößen zu vergeben. Teasertext (= bold/Schriftgröße »Normal«) Infotext (= größer als »Normal«) Notes (= kleiner als »Normal«) - Zudem lassen sich durch Markieren von Textabschnitten die Textfarbe individuell anpassen, indem Sie im Dropdown *Stile* unter Text-Stil zwischen einer Option wählen. Textbeispiel mit primary Schriftfarbe Textbeispiel mit secondary Schriftfarbe Textbeispiel mit Font Schriftfarbe [ ![Screenshot toujou backend, das zeigt wie Listen und Bulletpoints bearbeitet werden](https://www.toujou.de/_assets/processed/NYMPsUJ5-qsvLRVOypBn1oaFFrGYMjUUwU5gbPZOoqc/q:85/c:1918:1077.5280898876:fp:0.5:0.5/rt:force/w:433/h:243/fn:Y3NtX3J0ZS1saXN0ZW4tYXVmemFlaGx1bmdlbl82NzYzN2NlNTUw:t/cb:13da7257a76eacf666bc4d9ee73774f771322311/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzA2X3BhZ2UvcnRlLWxpc3Rlbi1hdWZ6YWVobHVuZ2VuLnBuZw) ](https://www.toujou.de/_assets/processed/vaJBYmfZD99aTDrOfhWrKnaQfMj70fpRIoAMw-9Xt7A/q:85/w:1024/h:577/fn:Y3NtX3J0ZS1saXN0ZW4tYXVmemFlaGx1bmdlbl8wZTljNzg4ODJl:t/cb:13da7257a76eacf666bc4d9ee73774f771322311/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzA2X3BhZ2UvcnRlLWxpc3Rlbi1hdWZ6YWVobHVuZ2VuLnBuZw) ### Listen & Aufzählungen - Im toujou-Texteditor stehen Ihnen die Buttons **Unterstrichen** und **Durchgestrichen** zur Verfügung (ergänzend zu unten stehenden Video-Tutorials). - Die Buttons *Nummerierte Liste einfügen/ergänzen* und *Liste* bergen in toujou eine besondere Möglichkeit: Nach dem Klick auf eine der beiden Auflistungsoptionen finden Sie im Menü *Objektstil/Stil* nicht mehr die Stilauswahl der Headlines und Subheadlines vor (s.o.), sondern - *Nummerierte Liste* bzw. respektive - *Liste mit Punkten*. - Mit diesen Stiloptionen können Sie Ihre Listen mit gestylten Ziffern bzw. Bullet Points optisch von der simpleren Darstellung in der Schriftfarbe absetzen. - Zudem besteht die Möglichkeit, textliche Inhalte hochzustellen bzw. tiefzustellen, indem Sie auf **x2** oder **x2** klicken. --- [ ![Screenshot toujou backend, das zeigt wie Links bearbeitet werden](https://www.toujou.de/_assets/processed/fZpLgNKJEKXA5ppIF_W0jZ8kWPFMeRWtLuMgXxkgAAs/q:85/w:433/h:244/fn:Y3NtX3J0ZS1saW5rcy1zZXR6ZW5fMmVlYTMzYzc5NA:t/cb:07854cf0ee7f016f7e1ce9386f04db8e98b31bda/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzA2X3BhZ2UvcnRlLWxpbmtzLXNldHplbi5wbmc) ](https://www.toujou.de/_assets/processed/fYn3xZ4_MeitsJfPsaDQz78gp8NiR19juMQHVHr0om4/q:85/w:1024/h:577/fn:Y3NtX3J0ZS1saW5rcy1zZXR6ZW5fODBiM2RmZmI1Yg:t/cb:07854cf0ee7f016f7e1ce9386f04db8e98b31bda/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzA2X3BhZ2UvcnRlLWxpbmtzLXNldHplbi5wbmc) ### Links setzen - Möchten Sie einen Link setzen, markieren Sie zunächst den zu verlinkenden Textabschnitt oder das entsprechende Wort. Klicken Sie auf das **Link-Symbol** (Ketten-Symbol), sodass sich ein neues Fenster öffnet. - Wählen Sie das Linkziel aus. Zur Auswahl stehen *Seite* für eine website-interne Verlinkung (auf eine Seite oder ein Inhaltselement=[Ankerlink](https://www.toujou.de/tutorials/seiteninhalte/textbearbeitung/ankerlinks-setzen/)), der *externer URL* oder das Hinterlegen einer *Datei* bzw. von *Kontaktdaten* (Telefon oder E-Mail). - Im Bereich *Ziel* definieren Sie, ob die Verlinkung im gleichen Browser-Tab oder in einem neuen Browser-Tab aufgehen soll. Für das gleiche Tab müssen Sie nichts weiter tun. Für ein neu geöffnetes Fenster stehen Ihnen mit *Neues Fenster* und [*Modal*](https://www.toujou.de/tutorials/seiteninhalte/textbearbeitung/modal/) zwei Optionen neu geöffneter Browser-Tabs zur Verfügung. *Neues Fenster* nutzen Sie für die Verlinkung auf eine andere Website, *Modal* für eine neu geöffnete Seite innerhalb Ihrer Website. [ ![Screenshot toujou backend, das zeigt wie Linkbuttons bearbeitet werden](https://www.toujou.de/_assets/processed/KyYN4BCoqfT8Yj8hmdYHSlv8dulJekz9IzEPIL0KXE0/q:85/c:1918:1077.5280898876:fp:0.5:0.5/rt:force/w:433/h:243/fn:Y3NtX3J0ZS1saW5ia2J1dHRvbnNfMzEwOTE5MGZiMg:t/cb:575f3f8b293f10a9d6eee148fe7984bb26a1c44f/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzA2X3BhZ2UvcnRlLWxpbmJrYnV0dG9ucy5wbmc) ](https://www.toujou.de/_assets/processed/5KrIxI7HSUTyzjCQfNGwAkzpYwpvUb_2xujzFz9QGTw/q:85/w:1024/h:577/fn:Y3NtX3J0ZS1saW5ia2J1dHRvbnNfMWI5MjM5NWJjYw:t/cb:575f3f8b293f10a9d6eee148fe7984bb26a1c44f/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzA2X3BhZ2UvcnRlLWxpbmJrYnV0dG9ucy5wbmc) ### Link-Buttons - Im toujou-Texteditor können Sie diverse verlinkte Wörter und Texte auch als Buttons darstellen. - Der Link kann direkt im Textfeld mit dem Link-Button formatiert werden. - Markieren Sie hierfür den gewünschten Linktext und hinterlegen Sie die gewünschte Verlinkung wie im Schritt [Links setzen](#c1010678) beschrieben. - Bearbeiten Sie Farbe und Form des Buttons über das Dropdown-Menü *Stile*. - Die verfügbaren Buttons umrahmen die verlinkten Wörter oder nehmen die volle Laufweite des Textfelds ein: [Primärfarbe](https://www.toujou.de/tutorials/seiteninhalte/textbearbeitung/) [Sekundärfarbe](https://www.toujou.de/tutorials/seiteninhalte/textbearbeitung/) [Schriftfarbe](https://www.toujou.de/tutorials/seiteninhalte/textbearbeitung/) [weiß/primär](https://www.toujou.de/tutorials/seiteninhalte/textbearbeitung/) [weiß/sekundär](https://www.toujou.de/tutorials/seiteninhalte/textbearbeitung/) [weiß/Schriftfarbe](https://www.toujou.de/tutorials/seiteninhalte/textbearbeitung/) [Primärfarbe 100%](https://www.toujou.de/tutorials/seiteninhalte/textbearbeitung/)[sekundärfarbe 100% ](https://www.toujou.de/tutorials/seiteninhalte/textbearbeitung/)[Schriftfarbe 100% ](https://www.toujou.de/tutorials/seiteninhalte/textbearbeitung/)[weiß/primär 100% ](https://www.toujou.de/tutorials/seiteninhalte/textbearbeitung/)[weiß/sekundär 100% ](https://www.toujou.de/tutorials/seiteninhalte/textbearbeitung/)[weiß/Schriftfarbe 100%](https://www.toujou.de/tutorials/seiteninhalte/textbearbeitung/) --- Hinweise, Tipps & Tricks ---------------------------- Wer TYPO3 kennt, weiß, dass viele Wege nach Rom führen. toujou ist TYPO3. Wir weisen Sie an dieser Stelle auf wichtige Informationen und den einen oder anderen Kniff hin, den Sie bei der Erstellung und Bearbeitung Ihrer Website beachten sollten. Die Arbeit mit Richtext Editor (RTE) in toujou bzw. TYPO3 unterscheidet sich in ihrer Logik nur geringfügig von der Arbeit mit Textverarbeitungsprogrammen gängiger Betriebssysteme. Seien Sie flexibel darin, mit den Möglichkeiten zu experimentieren und – vor allen Dingen – achten Sie beim Kopieren/Einfügen von Texten auf formatierte Inhalte. Diese müssen gegebenenfalls gelöscht oder von Grund auf neu formatiert werden, um sich im Frontend so darzustellen, wie Sie es wünschen. Weitere Tipps zum Umgang mit dem RTE finden Sie in den o.a. [Video-Tutorials](#c1001677) und in den Elementbeschreibungen der [toujou-Elementbibliothek](https://www.toujou.de/service/elementbibliothek/). Außerdem können Sie etwaige Fehler oder Wunschverhalten innerhalb des **Quelltexts** bearbeiten. Eine kurze Erläuterung für geübte Redakteure haben wir Ihnen [an dieser Stelle](https://www.toujou.de/tutorials/seiteninhalte/textbearbeitung/quelltext/) aufbereitet. --- [ ![Website-Vorlagen für verschiedene Branchen](https://www.toujou.de/_assets/processed/jkDyPijbF4gDmMkzxd3MPG8oBAfAyHQ4LoqjH-ZHv8c/q:85/c:2754:1700:fp:0.5:0.5/rt:force/w:608/h:375/fn:Y3NtX1RlbXBsYXRlX092ZXJ2aWV3X25ldV8yMDIyXzllZGJiN2UwMDk:t/cb:b62d1a62d7fcde2e49e32c2d4fdb8799c6326f5a/bG9jYWw6L2ZpbGVhZG1pbi9UZW1wbGF0ZV9PdmVydmlld19uZXVfMjAyMi5wbmc) ](https://www.toujou.de/typo3-demo/#c1006221) Schnell gestalten und bequem verwalten -------------------------------------- Testen Sie in einer kostenlosen und unverbindlichen Demo alle Möglichkeiten mit toujou. Wählen Sie aus zahlreichen [Website-Vorlagen](https://www.toujou.de/templates/#c1009307) für unterschiedliche Branchen oder erstellen Sie Ihre professionelle Firmenwebsite von Grund auf selbst. [Direkt loslegen](https://www.toujou.de/typo3-demo/#c1006221) ##### toujou-Tutorials [Checkliste ❯](https://www.toujou.de/service/#c1001893) [Kontakt/Daten hinterlegen ❯ ](https://www.toujou.de/tutorials/kontakte-anlegen/) [Dateiliste / Fileadmin ❯ ](https://www.toujou.de/tutorials/dateiliste/) [Navigation bearbeiten ❯ ](https://www.toujou.de/tutorials/seiten-anlegen/) [Seiteninhalte ❯](https://www.toujou.de/tutorials/seiteninhalte/) [Seiteneigenschaften ❯](https://www.toujou.de/tutorials/seiteneigenschaften/) [Responsive-Check ❯](https://www.toujou.de/tutorials/responsive-mobile-first/) [Yoast SEO ❯](https://www.toujou.de/tutorials/yoast-seo/) [Redirects ❯](https://www.toujou.de/tutorials/redirects/) / [Blog ❯](https://www.toujou.de/tutorials/blog-administration/) [Seiten übersetzen ❯](https://www.toujou.de/tutorials/seiten-uebersetzen/) [Linkvalidator ❯](https://www.toujou.de/tutorials/linkvalidator/) ##### toujou-Setup [Theme ❯ ](https://www.toujou.de/service/toujou-setup/theme-bearbeiten/) [Logo ❯ ](https://www.toujou.de/service/toujou-setup/logo-hochladen/) [Font ❯ ](https://www.toujou.de/service/toujou-setup/font-bestimmen/) [Color ❯ ](https://www.toujou.de/service/toujou-setup/farben-festlegen/) [Social Media ❯ ](https://www.toujou.de/service/toujou-setup/social-media/) [Analytics ❯](https://www.toujou.de/service/toujou-setup/analytics/) [Data Protection ❯](https://www.toujou.de/service/toujou-setup/datenschutz/) [Website Overlay ❯](https://www.toujou.de/service/toujou-setup/website-overlay/) ##### toujou-Elementbibliothek [Texte ❯ ](https://www.toujou.de/service/elementbibliothek/text-elements/) [Medien ❯ ](https://www.toujou.de/service/elementbibliothek/media-elements/) [Combinations❯ ](https://www.toujou.de/service/elementbibliothek/combined-elements/) [Teaser ❯ ](https://www.toujou.de/service/elementbibliothek/teaser-elements/) [Cards ❯](https://www.toujou.de/service/elementbibliothek/card-elements/) [Blockquotes ❯ ](https://www.toujou.de/service/elementbibliothek/blockquote-elements/) [Collections ❯](https://www.toujou.de/service/elementbibliothek/collections/) [Maps ❯ / ](https://www.toujou.de/service/elementbibliothek/map-elements/)[Blog ❯ ](https://www.toujou.de/service/elementbibliothek/blog-elements/) [Events ❯ ](https://www.toujou.de/service/elementbibliothek/events/)/ [Widgets ❯ ](https://www.toujou.de/service/elementbibliothek/widgets/) [Navigation ❯](https://www.toujou.de/service/elementbibliothek/navigation-elements/) [HTML ❯ ](https://www.toujou.de/service/elementbibliothek/html/)/ [Forms ❯ ](https://www.toujou.de/service/elementbibliothek/forms/) ##### toujou TOURISM [tourism-Modul ❯](https://www.toujou.de/tutorials/tourism-modul/) [Expertise & Konzept ❯](https://www.toujou.de/websites/websites-fuer-reiseveranstalter/) [Alle Features ❯](https://www.toujou.de/loesungen/etourism/) [toujou-Reiseportale ❯](https://www.toujou.de/warum-toujou/unsere-kunden/#c1002004) [Reiseseiten anlegen ❯](https://www.toujou.de/tutorials/reiseseiten/reisen-anlegen/) [Reiseseiteneigenschaften ❯](https://www.toujou.de/tutorials/reiseseiten/reiseseiteneigenschaften/) [Reisekategorien ❯](https://www.toujou.de/tutorials/reiseseiten/reisekategorien-anlegen/) [Termine & Preise ❯](https://www.toujou.de/tutorials/reiseseiten/termine-preise/) [Reisesuchseiten anlegen ❯](https://www.toujou.de/tutorials/reiseseiten/reisesuchseite/) [Trip Elements ❯ ](https://www.toujou.de/service/elementbibliothek/trip-elements/) [Search Elements ❯](https://www.toujou.de/service/elementbibliothek/trip-elements/search-elements/)