---
title: "Über den RTE einen LINK setzen + klassenauswahl"
url: "https://www.typo3.net/d/36736-ueber-den-rte-einen-link-setzen-klassenauswahl"
source: "typo3.net"
tags: ["Backend","RTE & CKEditor","Frage","Links"]
created: "2006-01-25"
last_reply: "2006-01-25"
replies: 6
solved: false
page: 1
pages: 1
lang: "de"
---

# Über den RTE einen LINK setzen + klassenauswahl

Backend › RTE & CKEditor · 6 Antworten · gestartet 2006-01-25

## Eröffnungsbeitrag

**M8TRIX** · 2006-01-25 · [Beitrag #1](https://www.typo3.net/d/36736-ueber-den-rte-einen-link-setzen-klassenauswahl/1)

Hallo Leute,

im Zuge meiner Optimierungsarbeit für unsere Redakteure versuche ich Ihnen einen Schritt zu erleichtern beim erstellen von Verweisen (links)

Wenn die Redakteure Seiteninhalt erstellen und dort kommt am Ende der Site ein Verweis auf eine weiterführende Seite, zum Beispiel ein externer link, oder aber auch ein interner Zielverweis, dann müssen Sie bis jetzt folgendermaßen vor gehen:

Sie befinden sich im RTE:
**Jeder interne Textverweis oder auch externer LINK bekommt einen runden Button voran gesetzt.**

1: Über das Image Icon den Button einfügen.
2: Den www.xyz.de Text markieren, dann auf das URL Werkzeug klicken (die Weltkugel) dann externen Link auswählen. Die URL ausgeben.

**Jetzt gibt es im Styleguide allerdings eine Ausnahme für die Gestaltung der LINKS:**
Kommt ein LINK egal ob intern oder externes Ziel innerhalb eines Textblockes vor, so wird ihm kein Button vorangestellt.

Und das ist der Haken. Wie könnte ich das Umsetzen?

a: Wie kann ich über den RTE eingefügten LINKS eine Klasse zuweisen? Denn wenn ich das machen könnte, könnten die Redakteure sich den Schritt des Bildes einfügen sparen. Das kann ich dann mit CSS lösen.

b: Ist es Möglich den RTE so zu erweitern, das man wenn man auf das LINK Werkzeug klickt ebenfalls für alle Zustände (intern/extern/mailto ect) eine Klasse auswählen kann bzw- zwischen mehreren Klassen wählen kann?

lg Sandra

## Antworten

### [#2](https://www.typo3.net/d/36736-ueber-den-rte-einen-link-setzen-klassenauswahl/2) · steffenk · 2006-01-25

Das kannst Du leicht über Klassen realisieren.

```typoscript
RTE.default.classesAnchor = intern, extern, mailto
```

Dann ist die Klasse oben anwählbar  ;)

### [#3](https://www.typo3.net/d/36736-ueber-den-rte-einen-link-setzen-klassenauswahl/3) · M8TRIX · 2006-01-25

Hallo SteffenK,

ich hab das in meiner ROOT-Page in meiner TSconfig: geschrieben. Allerdings sehe ich keine Auswahl von Klassen, wenn ich auf das LINK Werkzeug (Weltkugel) klicke.

Hab ich noch etwas übersehen?

lg sandra

### [#4](https://www.typo3.net/d/36736-ueber-den-rte-einen-link-setzen-klassenauswahl/4) · steffenk · 2006-01-25

ja, denn das muss ins PageTS, am besten ins PageTS der Root-Seite.

Hier mal ein Beispiel einer komplexeren Konfiguration, damit Du siehst, was noch alles möglich ist:

```typoscript
########################
# RTEHtmlArea-TS-Konfiguration #
########################

# Eigene CSS-Klassen in externer Datei definieren
RTE.default.contentCSS = fileadmin/css/cbs_wysiwyg_editor.css

# Texte aus MS Word werden gesaeubert
RTE.default.enableWordClean = 1

# bei mozilla/firefox werden bei ENTER Paragraphen erzeugt (wie im IE)
RTE.default.disableEnterParagraphs = 0

# use <span>-Tags instead of e.g. <font>-Tags (gilt für Mozilla/Firefox)
RTE.default.useCSS = 1

# which buttons should be shown?
RTE.default.showButtons =  *
RTE.default.hideButtons  = fontstyle,fontsize,formatblock,strikethrough,subscript,superscript,lefttoright,righttoleft,textcolor,bgcolor,textindicator,emoticon,line,user,acronym,inserttag,showhelp,about

#RTE.default.hidePStyleItems = PRE, H1
RTE.default.hideTags = font, font (full)

# Definiert wann und wo welche CSS-Klassen benutzt werden dürfen
RTE.default.showTagFreeClasses = 0
RTE.default.classesCharacter = headline,Intern,kontaktleiste,Kommentar,Definition,Warnung,Code
RTE.default.classesImage =
RTE.default.classesAnchor =

#must be set for span classes !!!
RTE.config.tt_content.bodytext.proc.allowedClasses < RTE.default.classesCharacter

# show Statusbar
RTE.default.showStatusBar = 1

# Breite des RTE definieren (in Prozent oder Pixeln)
# Muster: TCEFORM.<table_name>.<column_name>.RTEfullScreenWidth = <breite>[%|px]
TCEFORM.tt_content.bodytext.RTEfullScreenWidth= 100%

# RTE-Verarbeitung
RTE.default.proc {
  // TRANSFORMATION METHOD
  overruleMode = ts_css

  // LINES CONVERSION
  dontConvBRtoParagraph = 1

  // TAGS ALLOWED OUTSIDE P & DIV
  allowTagsOutside = img,hr

  // TAGS ALLOWED
  allowTags = table, tbody, tr, th, td, h1, h2, h3, h4, h5, h6, div, p,br, span, ul, ol, li, pre, blockquote, strong, em, b, i, u, sub, sup,strike, a, img, nobr, hr, tt, q, cite, abbr, acronym

  // ALLOWED P & DIV ATTRIBUTES
  keepPDIVattribs = align,class,style

  // CONTENT TO RTE
  HTMLparser_rte {
    // TAGS ALLOWED
    allowTags < RTE.default.proc.allowTags

    // DO NOT REMOVE UNMATCHED TAGS
    keepNonMatchedTags = 0
  }

  // CONTENT TO DATABASE
  entryHTMLparser_db = 1
  entryHTMLparser_db {
    // XHTML COMPLIANCE
    xhtml_cleaning = 1

    // CLEAN TAGS
    noAttrib = b,i,u,strike,sub,sup,strong,em,quote,blockquote,cite,tt,br,center
    tags.font.allowedAttribs = color,style
    tags.hr.allowedAttribs = class

    // REMAP B AND I TAGS
    tags.b.remap = strong
    tags.i.remap = em

    // remove Tags which have no attributes
    rmTagIfNoAttrib = span,div,font

    #htmlSpecialChars = 1
  }
}
```

### [#5](https://www.typo3.net/d/36736-ueber-den-rte-einen-link-setzen-klassenauswahl/5) · M8TRIX · 2006-01-25

> **steffenK schrieb:**
>
> ja, denn das muss ins PageTS, am besten ins PageTS der Root-Seite.

Jupp...TSconfig: Page TypoScript configuration. <<< da hab ichs hinzugefügt,
wo auch andere TS Definitionen drin stehn in meiner ROOT Seite.

Ich benutze Typo 3.7 und den standard RTE hat es vielleicht damit zu tun?

Ich hab dann noch gedacht, ich muss natürlich
ersteinmal in meiner CSS Datei den Style für INTERN, EXTERN ect. definieren,
damits auch angezeigt wird im RTE (wo auch immer)

Leider funktioniert das nicht.

Hat noch jemand eine Idee warum es bei mir nicht klappt?
Die anderen konfigurationen für meinen RTE werden auch angenommen. Das funktioniert soweit supi.

MEINE TSconfig: Page TypoScript configuration:

```typoscript
RTE.default.proc { 
denyTags = font 
}
# Verhindert insbesondere beim Kopieren aus MS-Word die Eingabe bestimmter Elemente im Rich Text Editor

RTE.default.proc { 
showButtons=copy,paste,formatblock,class,bold,italic,left,center,right,orderedlist,unorderedlist,link
hideButtons=cut,fontsize,fontstyle,underline,textcolor,emoticon,outdent,indent,bgcolor,user,image,line,table
}

# Ein- und Ausblenden von Absatzarten im Rich Text Editor
RTE.default {
   hidePStyleItems= H1,H2,H3,H4,H5,H6,PRE
}

RTE.default.blindImageOptions = magic

# Definiert wann und wo welche CSS-Klassen benutzt werden dürfen
RTE.default.showTagFreeClasses = 0
RTE.default.classesCharacter =
RTE.default.classesImage =
RTE.default.classesAnchor =intern
```

lg Sandra

### [#6](https://www.typo3.net/d/36736-ueber-den-rte-einen-link-setzen-klassenauswahl/6) · steffenk · 2006-01-25

Hi Sandra,

ist schon alles korrekt, nur

> Wenn in der rte.css neue Klassen angelegt werden, zeigen sowohl IE wir Firefox die nicht in der laufenden Session im RTE an. Beim IE reicht es meistens, sich aus- und neu einzuloggen, Firefox ist versionsunabhängig noch zickiger, der will ganz beendet und neu gestartet werden.

Quelle: <http://ug.typo3-nrw.de/typo3-dynamic_css.html>

lg Steffen

PS - mich hat das neugierig gemacht, und Du hast Recht, beim Standard rte werden die Klassen für Links nicht angezeigt.
Abhilfe schafft die Installation von rtehtmlarea - ist eh besser, auch mit FF nutzbar etc  ;)

habe das gerade mal durchgeführt. Installieren, dann rte deinstallieren, dann gibt es in den Links ein DropDown mit den definierten Klassen - funktioniert wunderbar.

### [#7](https://www.typo3.net/d/36736-ueber-den-rte-einen-link-setzen-klassenauswahl/7) · M8TRIX · 2006-01-25

OK... grrr habs mir fast gedacht das es doch mit meinem standard RTE zusammen hängt!

#paralyzed#

Ich muss ersteinmal ausführlich testen, was ich mir zerschieße,
wenn ich den RTEHTMLAREA installiere und meinen default RTE deinstalliere.

Nich das dann nacher nix mehr funktioniert! Aber ich werds wohl mal angehen jetzt.

Ich Dank Dir vielmals Steffen für Deine Zeit und Deine Mühe  :D

lg Sandra

---

Quelle: „Über den RTE einen LINK setzen + klassenauswahl“, typo3.net, https://www.typo3.net/d/36736-ueber-den-rte-einen-link-setzen-klassenauswahl
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.