---
title: "htmlarea - eigene linkstyles einfügen mit Bildern!"
url: "https://www.typo3.net/d/37821-htmlarea-eigene-linkstyles-einfuegen-mit-bildern"
source: "typo3.net"
tags: ["Backend","RTE & CKEditor","Frage"]
created: "2006-02-14"
last_reply: "2006-02-20"
replies: 3
solved: false
page: 1
pages: 1
lang: "de"
---

# htmlarea - eigene linkstyles einfügen mit Bildern!

Backend › RTE & CKEditor · 3 Antworten · gestartet 2006-02-14

## Eröffnungsbeitrag

**flofly** · 2006-02-14 · [Beitrag #1](https://www.typo3.net/d/37821-htmlarea-eigene-linkstyles-einfuegen-mit-bildern/1)

Hallo, ich würde gerne eigene Linkstyle mit Bildern definieren, welche automatisch eingefügt werden.

Ich habe im Seiten TS Config folgendes EingetragenÖ

```typoscript
RTE.classesAnchor {
  [...]
  google {
    class = download
    type = file
    image = EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/img/google_earth_link.gif
    altText = 
    titleText =
  }
}

RTE.default {
  proc.allowedClasses (
    external-link, external-link-new-window, internal-link, internal-link-new-window, download, google, mail, [...]
  )

  classesLinks = external-link, external-link-new window, internal-link, internal-link-new-window, download, google, mail
  classesAnchor = external-link, external-link-new window, internal-link, internal-link-new-window, download, google, mail
  classesAnchor.default {
    page = internal-link
    url = external-link-new-window
    file = google
    mail = mail
  }
}
```

Ich kann nun den Style zwar auswählen, das Bild wird allerdings nicht eingefügt. Interessanterweise wird seit dem Update auf die neueste Version der Style google auch für alle Linkarten (intern,mail,extern,file,...) angeboten.

Hat es jemand schon geschafft? Was mache ich falsch?

Danke Florian

## Antworten

### [#2](https://www.typo3.net/d/37821-htmlarea-eigene-linkstyles-einfuegen-mit-bildern/2) · suwie · 2006-02-15

Hallo flofly,

kannst Du auf 2 Arten lösen:
entweder Du läßt den rte die Bilder setzten, werden dann im Link-Tag vor den Linktext gesetzt - dazu mußt Du bei image den Pfad zu Deinem jeweiligen Bild angeben.
oder
so habe ich es gelöst: im Stylesheet die Bilder als Hintergrundbild für die entsprechenden Klassen definiert.

Stylesheet:

```html
.internal-link, .news-morelink a {
 background: url(../_images/mehr.gif) no-repeat;
 background-position: left center;
 padding: 0px 0px 0px 14px;
}
.external-link, .external-link-new-window {
 background: url(../_images/ext.gif) no-repeat;
 background-position: left center;
 padding: 0px 0px 0px 14px;
}
```

```typoscript
RTE.classesAnchor {
	externalLink {
		class = external-link
		type = url
		image =
		altText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/locallang.xml:external_link_altText
		titleText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/locallang.xml:external_link_titleText
	}
	externalLinkInNewWindow {
		class = external-link
		type = url
                image =
		altText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/locallang.xml:external_link_new_window_altText
		titleText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/locallang.xml:external_link_new_window_titleText
	}
	internalLink {
		class = internal-link
		type = page
                image =
		altText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/locallang.xml:internal_link_altText
		titleText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/locallang.xml:internal_link_titleText
	}
	internalLinkInNewWindow {
		class = internal-link
		type = page
                image =
		altText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/locallang.xml:internal_link_new_window_altText
		titleText = LLL:EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/locallang.xml:internal_link_new_window_titleText
	}
}
```

### [#3](https://www.typo3.net/d/37821-htmlarea-eigene-linkstyles-einfuegen-mit-bildern/3) · flofly · 2006-02-20

Well, as you can see in my first post. I tried the second method. I set the image tag for the google element, but no picture appears.

However I can change the picture for the existing **download** class.
But I prefer to add an additional class.

For the first I will try your second method, now!

### [#4](https://www.typo3.net/d/37821-htmlarea-eigene-linkstyles-einfuegen-mit-bildern/4) · flofly · 2006-02-20

Ok, mein Fehler, gerade hab ich mir meinen Code nochmal angeschaut und siehe da, ich hatte vergessen den class parameter richtig zu setzen

**alt:**

```typoscript
google {
    class = download
    type = file
    image = EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/img/google_earth_link.gif
  }
```

**richtig:**

```typoscript
google {
    class = google
    type = file
    image = EXT:rtehtmlarea/htmlarea/plugins/TYPO3Browsers/img/google_earth_link.gif
  }
```

Nun funktioniert es auch  #giggle#

---

Quelle: „htmlarea - eigene linkstyles einfügen mit Bildern!“, typo3.net, https://www.typo3.net/d/37821-htmlarea-eigene-linkstyles-einfuegen-mit-bildern
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.