Link einfügen und bearbeiten -> CSS-Klasse definieren

**hobby-fotograf** · 10.02.2011, 12:42

Hallo liebe Community,

ich habe eine Frage an euch, die den TinyMCE im Backend betrifft.
Angenommen ich habe einen Text, und möchte den verlinken, dann markiere ich eben diesen, klicke auf das Icon "Link einfügen/bearbeiten", und dort möchte ich gerne eine CSS-Klasse definieren, wie etwa "pdf".

Könnt ihr mir bitte sagen, in welchem CSS-File ich diesen Eintrag der Klasse erstellen muss, sodass dann eben zB .pdf dasteht, und nicht wie jetzt eben "- unbestimmt -" und "(value)".

Habe mich zwar gestern bereits auf die Suche gemacht, aber nix zu diesem Thema gefunden.
Entweder gibt's hierzu noch keine Info, oder ich hab nach den falschen Suchbegriffen gesucht.

Danke für Eure Hilfe!

LG, Alex

**Holla** · 10.02.2011, 12:52

Hallo,

wenn du ein css. File "basic.css" hast und die Klasse dort definierst sollte die im Editor erscheinen.

**hobby-fotograf** · 10.02.2011, 13:03

Hallo,

Danke für den Tipp. Das hatte ich zwar gestern schon ausprobiert, aber es brachte leider keinen Erfolg.
Was ich allerdings nicht probiert habe, das war die Schreibweise mit #tinymce.pdf {}
Also das ich die ID für den Tiny voran stelle, wie ich es gestern schonmal gelesen hatte.
Mal sehen, ob das Abhilfe verschafft.

Danke!

LG, Alex!

**Holla** · 10.02.2011, 13:09

Hmm, also bei mir erscheinen die im "basic" Stylesheet definierten Klassen auch ohne #tinymce im Editor.
Habe aber leider keine Idee warum das bei dir nicht geht.

Da muss vielleicht nochmal einer der Champions hier ran...

**hobby-fotograf** · 10.02.2011, 13:19

Nö sorry, aber das half auch nix. Leider kein positives Ergebnis bisher.

**planepix** · 10.02.2011, 13:33

Hallo Alex,

nutzt Du Contao 2.9.x?
Dann ist die Datei für Einträge von CSS-Definitionen, die im TinyMCE angezeigt werden sollen, nicht mehr ~~basic.css~~, sondern heisst tinymce.css und liegt im tl_files-Verzeichnis.

Wichtig, damit die Klassen angezeigt werden:
Browser- und Contao-Cache leeren, am besten auch die Cookies.

Ausloggen und einloggen. -> Testen

**ways2web** · 10.02.2011, 13:35

~~die klasse mußt du in einer CSS datei einfügen, dass auch in deinem layout eingebunden ist. Welches du wählst, ist deine Sache. ich nutze für sowas immer ein global.css~~

gruss
ways

**hobby-fotograf** · 10.02.2011, 15:06

Hallo Jungs,

Danke für eure Antworten!
Das mit dem Eintrag in die tinymce.css hatte ich gestern schon mal gelesen und auch probiert, was ich dabei aber nicht beachtet hatte war das Löschen des Cache vom Contao selbst. Hatte da nur den Browser-Cache geleert.
Mal sehen, ob das dann die Lösung ist.
Geb euch dann Bescheid

LG, Alex!

**hobby-fotograf** · 10.02.2011, 18:27

Sodann, jetzt hab ich eure Vorschläge getestet, jedoch leider ohne Erfolg.

Meine Vorgehensweise:
Folgenden CSS Eintrag unter tl_files/tinymce.css erstellt:

Code:

.pdf {
	font-size:16px;
}

Anschließend, angemeldet ins Backend, unter Systemwartung die Daten bereinigt, um mich anschließend abgemeldet.
Danach den Cache vom Chrome geleert, mich wieder angemeldet, und Enttäuschung festgestellt.

War also leider irgendwas nicht ganz korrekt.

Könnt ihr mir sagen was? :-s

LG, Alex!

**planepix** · 10.02.2011, 18:42

von aussen immer schwierig

Die Option im Seitenlayout "tl_files/tinymce.css ignorieren" ist nicht aktiviert?

Und diese Klasse lässt sich im PopUp-Fenster für einen Link nicht auswählen?

**hobby-fotograf** · 10.02.2011, 18:43

Negativ, hier ist kein Haken bei der Checkbox gesetzt. Sollte somit ja nicht(!) ignoriert, sondern eben berücksichtigt werden. ...

**planepix** · 10.02.2011, 18:52

Und läst sich die angelegte Klasse auswählen?
Du könntest dort einmal zum Test eine Hintergrundfarbe ergänzen; ggf. greifen hier noch Gewichtunge durch Vererbungen, da Linkklasse ja auch noch Link a.

**ruedische** · 10.02.2011, 18:56

Ich habe mal deine Klasse testweise in meine tinymce.css eingefügt. Ausgeloggt,. Browsercache gelöscht, wieder eingeloggt. Kein Problem. Liegt die Datei bei dir wirklich direkt im Verzeichnis tl_files? Und ist das überhaupt dein User-File-Verzeichnis? (Kann man ja ändern). Um ganz sicher zu gehen, würde ich mal den Browser schließen, den CCleaner von piriform durchlaufen lassen und evtl. auch einen anderen Browser testen.

Ergänzung: Klappt bei mir auch mit Google Chrome. Welches Betriebssystem benutzt du (Linux/Unix ist bei Dateinamen case sensitive, Windows nicht), welche Contao-Version.

Die anzupassende Datei ist tl_files/tinymce.css (kein Unterverzeichnis, keine andere Schreibweise!).

**hobby-fotograf** · 10.02.2011, 19:59

Meine Herren, da liegt der Hund begraben:

Kein Problem. Liegt die Datei bei dir wirklich direkt im Verzeichnis tl_files? Und ist das überhaupt dein User-File-Verzeichnis?

Es war zwar standardmäßig im Ordner "tl_files" eine Datei mit dem Namen "tinymce.css", doch das war nicht als user-Verzeichnis definiert, wie im Backend unter Einstellungen>Files-Verzeichnis angegeben.

Liebe Community, vielen Dank für die Hilfe!
Kaum hab ich dann die Datei tinymce.css in mein user-Verzeichnis kopiert, waren auch schon plötzlich die Styles im Dropdown des TinyMCE vorhanden!!

Besten Dank für eure tolle, rasche und kompetente Hilfe!!

LG, Alex