> For the complete documentation index, see [llms.txt](https://old-manual.converia.de/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://old-manual.converia.de/allgemeines/die-eigene-converia-webseite/artikel/artikel-anlegen-und-bearbeiten/artikeltypen/artikel-erstellen-mit-rich-text-editor-rte.md).

# Artikel erstellen mit Rich Text Editor (RTE)

CMS

Im RTE stehen verschiedene Hilfsmittel zur Formatierung, Verlinkung usw. zur Verfügung, die ähnlich einem Textverarbeitungsprogramm genutzt werden können. Einige spezielle Anwendungsfälle werden hier genauer erläutert.

<figure><img src="https://4086967078-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyzdXgmSBPNkQushdnuut%2Fuploads%2FQmfZopdHZBw8hY45BZCZ%2F2024-08-28_14h35_08.gif?alt=media&amp;token=3497f264-b255-4604-b2f6-7b416eeb68de" alt="Abb. 1: RTE"><figcaption><p>Abb. 1: RTE</p></figcaption></figure>

## Allgemeine Tipps

1. Tabellen sollten vermieden werden. Häufig führen diese zu Problemen auf responsiven Webseiten und sie sind zudem nicht barrierefrei. Alternativ können die Informationen als [Strukturierte Daten](/allgemeines/die-eigene-converia-webseite/strukturierte-daten.md) abgebildet werden.
2. Wenn Inhalte aus anderen Dateien kopiert werden, sollten diese ohne Formatierung in das Editorfenster (Strg + Shift + V) oder direkt über *Werkzeuge* > *Quelltext* eingefügt werden, um die Übernahme ungewünschter Style-Elemente zu vermeiden.
3. Unnötige Formatierungen wie z.B. eine feste Breite für Bilder sollten vermieden werden. Dies führt zu unschönen Darstellungen auf Endgeräten mit einem anderen Viewport.
4. Wenn Inhalte oder ganze Artikel 1:1 kopiert werden sollen, sollte das über *Werkzeuge* > *Quelltext* durchgeführt werden. Das Kopieren via Quelltext sichert eine exakte Übernahme von Formatierungen und Links, vermeidet Fehler und spart Nachbearbeitung.

## Verlinkungen einfügen

<figure><img src="https://4086967078-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyzdXgmSBPNkQushdnuut%2Fuploads%2Fx4f8l9uO1wsyYVW2M2zg%2Fimage.png?alt=media&amp;token=5585c295-634e-4a33-b160-f4d8fdf8815f" alt=""><figcaption><p>Abb. 2: Interne / Externe Verlinkung</p></figcaption></figure>

Hierbei wird zwischen internen (innerhalb der Converia-Webseite) und externen Verlinkungen (zu anderen Webseiten) unterschieden. In beiden Fällen muss zuerst der Text markiert werden, der verlinkt werden soll.

### E**xterne Verlinkungen**

<figure><img src="https://4086967078-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyzdXgmSBPNkQushdnuut%2Fuploads%2FmhpKVU98cOlPCfYVrm6O%2Fimage.png?alt=media&amp;token=4ded3e61-bfb9-4c4d-a88a-3962776bedad" alt="Abb. 3: Externe Verlinkung"><figcaption><p>Abb. 3: Externe Verlinkung</p></figcaption></figure>

* Button *Link einfügen/bearbeiten* (Abb. 2, Pkt. 1)
* Adresse in die URL-Zeile eintragen
* Titel wählen, der beim darüber hovern angezeigt werden soll
* Auswahl, ob sich das Linkziel im selben Tab (*Ziel: Keine*) oder in einem neuen Tab (*Ziel: Neues Fenster*) öffnen soll
* Mit *Ok* bestätigen

### Interne Verlinkungen

<figure><img src="https://4086967078-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyzdXgmSBPNkQushdnuut%2Fuploads%2FnYSWapDSPfjZhVDTHXvH%2Fimage.png?alt=media&amp;token=d41431e8-b8ff-43f3-8e46-fa75d9c5efd3" alt="Abb. 4: Interne Verlinkungen"><figcaption><p>Abb. 4: Interne Verlinkungen</p></figcaption></figure>

* Button *Insert/edit Converia link* (Abb. 2, Pkt. 2).&#x20;
* Auswahl, ob sich das Linkziel im selben oder einem neuen Tab öffnen soll.&#x20;
* Auswahl des gewünschten Subportals&#x20;
* Auswahl von Ordner oder Seite in der Seitenstruktur
* Mit *Ok* bestätigen

{% hint style="success" %}
Die Nutzung einer festen Dateistruktur für interne Links bietet mehrere Vorteile. Erstens vermeidet man so das Risiko, auf URLs zu verlinken, die nur für eine bestimmte Sitzung gültig sind. Das kann Fehlermeldungen verhindern und ist auch aus Sicherheitsgründen wichtig. Zweitens reduziert diese Methode die Wahrscheinlichkeit, dass Links nachträglich ungültig werden, was sogenannte "tote Links" minimiert.
{% endhint %}

## Textmarken

<figure><img src="https://4086967078-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyzdXgmSBPNkQushdnuut%2Fuploads%2FOL6RP1fJyNKPrSlNydyT%2Fimage.png?alt=media&amp;token=58f68872-dd33-49e6-a3ac-a868d2970805" alt="Abb. 5: Textmarker verlinken"><figcaption><p>Abb. 5: Textmarker verlinken</p></figcaption></figure>

Eine weitere Möglichkeit der Verlinkung sind sogenannte *Textmarken*. Mit deren Hilfe können **Verlinkungen für Absätze innerhalb einer Seite** vorgenommen werden. Dies bietet sich an, wenn ein langer Artikel mit vielen Abschnitten vorliegt, der im oberen Bereich ein Inhaltsverzeichnis enthält (z. B. FAQ- oder AGB-Artikel).

Textmarken können über *Einfügen* > *Textmarke* an beliebigen Stellen im Artikel gesetzt werden.

Die Verlinkung auf gesetzte Textmarken erfolgt über *Link einfügen/bearbeiten* (Abb. 5). Die Auswahl der passenden Textmarke kann im Dropdown-Formularfeld *Textmarken* getroffen werden.&#x20;

{% hint style="success" %}
Für Überschriften werden automatisch verlinkbare Textmarken gesetzt. Die Überschriften können mit einem Klick in die URL-Zeile unter *Link einfügen/bearbeiten* als Ziel ausgewählt werden und werden nicht als *Textmarken* gelistet.
{% endhint %}

## Grafiken verlinken

<figure><img src="https://4086967078-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyzdXgmSBPNkQushdnuut%2Fuploads%2FzoCXu8V7ZEMwrNBbkBGO%2Fimage.png?alt=media&amp;token=d77dfc56-bb59-4c2e-bcea-919f6bf56b11" alt="Abb. 6: Grafiken verlinken"><figcaption><p>Abb. 6: Grafiken verlinken</p></figcaption></figure>

Um die Webseite anschaulicher zu gestalten, wird häufig mit Grafiken gearbeitet. Vor allem, wenn es z. B. um Sponsorenlogos oder Hotelbeschreibungen geht, ist es praktisch, wenn die Grafik gleich verlinkt wird. Auch das geht ganz einfach über den Texteditor:

* Zuerst die Grafik einfügen (Abb. 6, Pkt. 1) . Ggf. muss die Grafik erst in den [Medienbrowser](/allgemeines/die-eigene-converia-webseite/medien.md) hochgeladen werden, damit sie verwendet werden kann.
* Die Grafik im Editorfenster markieren.
* Gewünschte Form der Verlinkung setzen (i. d. R. externe Verlinkung, Abb. 6, Pkt. 2).

## Download von Dokumenten ermöglichen

<figure><img src="https://4086967078-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyzdXgmSBPNkQushdnuut%2Fuploads%2F2Hk8BdJNC9iUtRiY32MP%2Fimage.png?alt=media&amp;token=b621134b-7ff8-45a8-aa67-4ead97b405b9" alt="Abb. 7: Dokumente zum Download bereitstellen"><figcaption><p>Abb. 7: Dokumente zum Download bereitstellen</p></figcaption></figure>

Anstelle anderer Webseiten können auch Dokumente als Link-Ziel hinterlegt und so zum Download bereitgestellt werden.

* Den zu verlinkenden Text markieren
* *Link einfügen/bearbeiten*
* Über den *Datei auswählen*-Button (Abb. 7) den Medienbrowser aufrufen, ggf. das gewünschte Dokument hochladen und mit *Übernehmen* auswählen
* Für Downloads als Ziel *Neues Fenster* wählen (Abb. 7)

Falls das Downloadmaterial nicht öffentlich zugänglich sein soll, gibt es neben dem Passwortschutz im Dokument selbst, verschiedene Möglichkeiten den Zugriff einzuschränken. Mehr Informationen dazu erhalten gibt es im Kapitel [Sichtbarkeiten von Seiteninhalten einschränken](/allgemeines/die-eigene-converia-webseite/seitenstruktur/seiten-anlegen-und-bearbeiten/seiteninhalte-und-module/sichtbarkeit-von-seiteninhalten-einschranken.md).

## Externe Medien und Elemente einbetten

Die unkomplizierteste Variante, um z.B. Videos oder Karten/Standorte bereitzustellen, ist es, diese über das jeweilige Unternehmen einzubetten.

Google stellt hierfür beispielsweise detaillierte Anleitungen zur Verfügung, ähnlich wie OpenStreetMap:

[Youtube Video](https://support.google.com/youtube/answer/171780?hl=de)

[Google Maps Karte](https://support.google.com/maps/answer/144361?co=GENIE.Platform%3DDesktop\&hl=de)

{% hint style="danger" %}
Bei der Einbettung externer Dienste (z.B. YouTube, Google Maps, etc.) müssen unbedingt die Regeln zur Verwendung und die Datenschutzhinweise der jeweiligen anbietenden Person bzw. Plattform beachtet werden. I.d.R. sammeln externe Dienste Daten, was bei Nutzung auch in den Datenschutzhinweisen vermerkt werden muss. \
Converia übernimmt keine Haftung für den missbräuchlichen Einsatz.
{% endhint %}