--- title: "Tutorials: How to work with the TYPO3 Rich Text Editor – this is toujou." url: "https://www.toujou.com/service/tutorials/page-content/text-editing/" description: The RTE (Rich Text Editor) is the tool to present your editorial work according to TYPO3 standards – and your style guide. date: 2019-03-14 modified: 2022-09-27 --- # Tutorials: How to work with the TYPO3 Rich Text Editor – this is toujou. 1. [Home](https://www.toujou.de/) 2. [Service](https://www.toujou.de/service/) 3. [Tutorials](https://www.toujou.de/service/tutorials/) 4. [Content editing](https://www.toujou.de/service/tutorials/page-content/) 5. [Text editing](https://www.toujou.de/service/tutorials/page-content/text-editing/) Text editing ============ In order to handle headlines and their tags, texts, lists and tables, styles and font sizes, buttons and links you need to master working with the text editor in TYPO3. [Step by step guide](#c1004858) [Video tutorials](#c1004864) [Pieces of advice](#c1004871) [Source code](https://www.toujou.de/service/tutorials/page-content/text-editing/source-code/) [Anchor links](https://www.toujou.de/service/tutorials/page-content/text-editing/anchor-links/) --- Step by step -------------- [ ![](https://www.toujou.de/_assets/processed/j0sjPKyzY2aK0kzxrPOE5ypT03vVRk6RZLkFtDCBJR8/q:85/c:1600:898.87640449438:fp:0.5:0.5/rt:force/w:433/h:243/fn:Y3NtXzAxX0hlYWRsaW5lc19TdGlsZV9FTl85MzY2YWQ2ZGIx:t/cb:c60c50458669a92c8ddd58fac56f364d6deb48b8/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzA2X3BhZ2UvRU4vVGV4dC1lZGl0aW5nLzAxX0hlYWRsaW5lc19TdGlsZV9FTi5wbmc) ](https://www.toujou.de/_assets/processed/NPb_Baf1DDavBnHI3TmsZsL2hTSAtTX3pbrD8xWX-Tc/q:85/w:1024/h:640/fn:Y3NtXzAxX0hlYWRsaW5lc19TdGlsZV9FTl84ZGQ3MzRmMTQ2:t/cb:c60c50458669a92c8ddd58fac56f364d6deb48b8/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzA2X3BhZ2UvRU4vVGV4dC1lZGl0aW5nLzAxX0hlYWRsaW5lc19TdGlsZV9FTi5wbmc) ### Headlines and text styles - For the following explanations and video tutorials, the content element itself plays a minor role as long as it includes a text editor. - In the text editor you can select text and text parts to tag as headings [H1 to H5](https://www.toujou.de/service/element-library/text-elements/headline-element/) via the drop-down *Format*. - Within the format »Normal« above *Styles*, you can assign headline or subheadline styles as well as font sizes. These are: Teasertext (= bold/font size »Normal«) Infotext (= bigger than »Normal«) Notes (= smaller than »Normal«) [ ![](https://www.toujou.de/_assets/processed/Cs5FPt-2Nftlynj7h0-HCfhKmn-kda2XfHAz_Is9-Wc/q:85/c:2160:1213.4831460674:fp:0.5:0.5/rt:force/w:433/h:243/fn:Y3NtXzAyX0F1ZnphZWhsdW5nZW5fTGlzdGVuX0VOXzNjNzgxMzJlZjc:t/cb:9d3b2884712a3339e960db5075e1302b17766290/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzA2X3BhZ2UvRU4vVGV4dC1lZGl0aW5nLzAyX0F1ZnphZWhsdW5nZW5fTGlzdGVuX0VOLnBuZw) ](https://www.toujou.de/_assets/processed/EcrZ0EowYlD29O5zUU321oKeNx-KtbDI75GvwLVnn4Y/q:85/w:1024/h:640/fn:Y3NtXzAyX0F1ZnphZWhsdW5nZW5fTGlzdGVuX0VOX2M5ZDMwYWZiMjg:t/cb:9d3b2884712a3339e960db5075e1302b17766290/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzA2X3BhZ2UvRU4vVGV4dC1lZGl0aW5nLzAyX0F1ZnphZWhsdW5nZW5fTGlzdGVuX0VOLnBuZw) ### Lists & enumerations - In the toujou text editor, the buttons **Underline** and **Strikethrough** are available (in addition to the video tutorials below). - The buttons *Insert/Remove numbered list* and *Insert/Remove bulleted list* have a special function in toujou: After clicking on one of the two listing options, you will no longer find the style selection of the headlines and subheadlines in the *Styles* menu (see above), but - *Numbered list (Nummerierte Liste)* or respectively - *List of bullets (Liste mit Punkten)* instead. - With these style options, you can visually distinguish your lists of styled numbers or bullet points from the far simpler representation in the font color. - In addition, it is possible to superscript or subscript textual content by clicking **x2** or **x2**. --- [ ![](https://www.toujou.de/_assets/processed/-UsMZTZYG5NLeJE5mXVE8-5Of1DN5z58PuTH4gH-E3A/q:85/c:1440:808.98876404494:fp:0.5:0.5/rt:force/w:433/h:243/fn:Y3NtXzAzX0J1dHRvbl9zZXR6ZW5fRU5fMzE1ZmE0NzBjMA:t/cb:6705bf3083600b9bb4f5e1bc047014b9083105ea/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzA2X3BhZ2UvRU4vVGV4dC1lZGl0aW5nLzAzX0J1dHRvbl9zZXR6ZW5fRU4ucG5n) ](https://www.toujou.de/_assets/processed/_lc7_qer1sNx0SFnss4noxdpgm_9EkXJBpqVkW-QaHc/q:85/w:1024/h:640/fn:Y3NtXzAzX0J1dHRvbl9zZXR6ZW5fRU5fNDE3ZDc2ODhhYg:t/cb:6705bf3083600b9bb4f5e1bc047014b9083105ea/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzA2X3BhZ2UvRU4vVGV4dC1lZGl0aW5nLzAzX0J1dHRvbl9zZXR6ZW5fRU4ucG5n) ### Link buttons - You can create various linked buttons in the text editor. - Specify the text to be linked by placing the cursor in the line or highlighting the words in question. - The link can be formatted directly within the text field with the link button above the text field. - Select from any of the available tabs to link within subpages, data elements or to an external URL. - If necessary, edit the color and shape of the button using the *Styles* drop-down menu. - The available buttons frame the linked words or take the full width of the text field: [Primary color](https://www.toujou.de/service/tutorials/page-content/text-editing/) [Secondary color](https://www.toujou.de/service/tutorials/page-content/text-editing/) [Font color](https://www.toujou.de/service/tutorials/page-content/text-editing/) [white/primary](https://www.toujou.de/service/tutorials/page-content/text-editing/) [white/secondary](https://www.toujou.de/service/tutorials/page-content/text-editing/) [white/font color](https://www.toujou.de/service/tutorials/page-content/text-editing/) [Primary color 100%](https://www.toujou.de/service/tutorials/page-content/text-editing/)[Secondary color 100% ](https://www.toujou.de/service/tutorials/page-content/text-editing/)[Font color 100% ](https://www.toujou.de/service/tutorials/page-content/text-editing/)[white/primary 100% ](https://www.toujou.de/service/tutorials/page-content/text-editing/)[white/secondary 100% ](https://www.toujou.de/service/tutorials/page-content/text-editing/)[white/font color 100%](https://www.toujou.de/service/tutorials/page-content/text-editing/) --- Video tutorials via jweiland.net (German!) -------------------------------------------- All the video tutorials from jweiland.net are available only in German. Please don’t hesitate to contact the toujou support team if you need us to translate any of the information from the video tutorials or if you need us to further explain any of the topics discussed. We are constantly looking for detailed tutorial videos in English for our international clients and hope to find video tutorials as detailed as the videos from jweiland.net. Please [let us know](mailto:service@toujou.de) if you find any so we can add them to our resources. [ To display third-party HTML content, we need your consent. For more information, please see our [ privacy policy. ](https://www.toujou.de/privacy-statement/) Allow once Always allow ](https://vimeo.com/229823527) ### Working with the RTE The most important functions, buttons, and tips for effectively working with the RTE. **Duration**: 11'09" [Watch at jweiland.net ↗](https://vimeo.com/229823527) [ To display third-party HTML content, we need your consent. For more information, please see our [ privacy policy. ](https://www.toujou.de/privacy-statement/) Allow once Always allow ](https://vimeo.com/229824158) ### Insert texts How to insert texts from other sources (word processing software, other websites etc.) **Duration**: 7'12" [Watch at jweiland.net ↗](https://vimeo.com/229824158) [ To display third-party HTML content, we need your consent. For more information, please see our [ privacy policy. ](https://www.toujou.de/privacy-statement/) Allow once Always allow ](https://vimeo.com/229993539) ### Tables Things you need to know when inserting tables to your content. **Duration**: 7'27" [Watch at jweiland.net ↗](https://vimeo.com/229993539) --- Pieces of advice ---------------- toujou is based on TYPO3 and anyone familiar with TYPO3 knows that there are many different options to use to reach your desired results. We would like to point out important information and little tricks that can assist you when you’re creating and editing your website. Working with the rich text editor (RTE) in toujou or TYPO3 is very similar to working with any other editing software, with only a few slight differences. Be flexible by experimenting with the possibilities but be careful when copying/pasting texts onto formatted content. Pay close attention because some of these formats may need to be deleted or reset from scratch to appear in the front end the way you envisioned. Further tips for dealing with the RTE can be found in the video tutorials located above and in the element descriptions of the [toujou element library](https://www.toujou.de/service/element-library/). ##### Tutorials [Checklist ❯](https://www.toujou.de/service/#c1004820) [Contact data ❯ ](https://www.toujou.de/service/tutorials/contact-data/) [File list ❯ ](https://www.toujou.de/service/tutorials/file-list-module/) [Edit navigation ❯ ](https://www.toujou.de/service/tutorials/pages-navigation/) [Edit page content ❯ ](https://www.toujou.de/service/tutorials/page-content/) [Edit page properties ❯](https://www.toujou.de/service/tutorials/page-properties/) [Responsive & mobile first ❯](https://www.toujou.de/service/tutorials/responsive-mobile-first/) [Yoast SEO ❯ ](https://www.toujou.de/service/tutorials/yoast-seo/) [Redirects ❯ ](https://www.toujou.de/service/tutorials/redirects/) [Blog administration ❯](https://www.toujou.de/service/tutorials/blog-administration/) [Linkvalidator ❯](https://www.toujou.de/service/tutorials/blog-administration/) ##### toujou set-up [Theme ❯ ](https://www.toujou.de/service/toujou-set-up/theme-settings/) [Logo ❯ ](https://www.toujou.de/service/toujou-set-up/logo-settings/) [Font ❯ ](https://www.toujou.de/service/toujou-set-up/font-settings/) [Color ❯ ](https://www.toujou.de/service/toujou-set-up/color-settings/) [Social media ❯ ](https://www.toujou.de/service/toujou-set-up/social-media-settings/) [Analytics ❯](https://www.toujou.de/service/toujou-set-up/analytics-settings/) [Data protection ❯](https://www.toujou.de/service/toujou-set-up/data-protection-settings/) [Website overlay ❯](https://www.toujou.de/service/toujou-set-up/website-overlay/) ##### toujou element library [Text elements ❯ ](https://www.toujou.de/service/element-library/text-elements/) [Teaser elements ❯ ](https://www.toujou.de/service/element-library/teaser-elements/) [Blockquotes ❯ ](https://www.toujou.de/service/element-library/blockquote-elements/) [Teaser cards ❯ ](https://www.toujou.de/service/element-library/card-elements/) [Media elements ❯ ](https://www.toujou.de/service/element-library/media-elements/) [Map elements ❯ ](https://www.toujou.de/service/element-library/map-elements/) [Blog elements ❯](https://www.toujou.de/service/element-library/blog-elements/) #### [Navigation elements ❯ ](https://www.toujou.de/service/element-library/navigation-elements/) [Widgets ❯ ](https://www.toujou.de/service/element-library/widgets/) [Headline element ❯ ](https://www.toujou.de/service/element-library/text-elements/headline-element/) [Combined elements ❯](https://www.toujou.de/service/element-library/combined-elements/)