Wenn man über den RichTextEditor (RTE) Links auf andere Seiten setzt, stehen einem die Standard-Klassen “external-link“, “external-link-new-window“, “internal-link“, “internal-link-new-window“, “download” und “mail” zur Verfügung.

Aber der RTE wäre kein Teil von TYPO3, wenn man ihn nicht einfach über ein paar Zeilen TypoScript ergänzen könnte. Wie immer ist nur die Frage wo und welche Zeilen das sind.

Da die Links über den RTE gesetzt werden, wird die Ergänzung normalerweise im TypoScript-Feld der Seite angelegt (im Normalfall der der Rootseite). Wir rufen also die Seiteneigenschaften unser Wurzelseite auf und gehen zum Reiter “Optionen”. Dort schreiben wir die Konfiguration ins Feld “TSconfig”.

Definieren wir als erstes die Klasse für den entsprechenden Reiter (in diesem Falls für Links auf andere Seiten).
RTE.classesAnchor {
  ourLink {
    class = ourLink
    type = page
    ### möglich auch "file", "mail" oder "url"
    image >
  }
}

Im zweiten Abschnitt fügen wir unsere Klasse “ourLink” den allgemein erlaubten Klassen und den Klassen für Links hinzu. Zum Schluss definieren wir dann noch die Standardauswahl um den Redakteuren ggf. einen Klick zu ersparen.

RTE.default {
  proc {
    allowedClasses (
      external-link, external-link-new-window, internal-link,
      internal-link-new-window, download, mail, ourLink
    )
  }
  classesAnchor (
    external-link, external-link-new-window,
    internal-link, internal-link-new-window, download, mail,
    ourLink
  )
  classesAnchor.default {
    page = ourLink
    url = external-link-new-window
    file = download
    mail = mail
  }
}

Jetzt können wir Links unsere neue Klasse hinzufügen und diese per CSS stylen.

Be Sociable, Share!

•