TinyMCE und styleselect

Druckbare Version

08.02.2010, 14:32
Friedhelm

TinyMCE und styleselect

Hi,
tinyMCEcustom.php erstellt und eingebunden.
Option content_css entsprechend angepasst:

PHP-Code:

content_css : "<?php echo TL_PATH; ?>/css/screen/content.css,<?php echo TL_PATH; ?>/system/themes/tinymce.css",

Leider wird mir bei "Format/Styles" keine Auswahl angeboten.
Was natürlich geht: Über Attribute einfügen/bearbeiten manuell die entsprechende Klasse eintragen. Da werden die Styles auch sofort richtig interpretiert.
Woran könnte das liegen?
In der Online-Demo habe ich ebenfalls getestet. In basic.css eine Klasse eingetragen -> erscheint in der Auswahl und wird angewandt.
Ich selbst verwende YAML und ein eigenes Template ohne basic.css. Könnte das die Ursache sein?
Ignoriert Tiny meine Konfigangaben für content_css und liest nur aus der basic.css? Warum funktioniert dann die manuelle Zuweisung einer Klasse?
D.h. entsprechende CSS-Datei wird von Tiny verwendet, aber keine Auswahl im Selectfeld Format.
Jemand nen Tipp?
08.02.2010, 15:44
mandrake

Hallo Friedhelm,

die Einbindung der CSS-Datei alleine genügt nicht. Du mußt natürlich auch die gewünschten Klassen entsprechend definieren. Beispiel:

Code:

theme_advanced_styles : "Hinweis=hinweis;Info=info",

Der Text vor dem Gleichheitszeichen wird im TinyMCE in der Auswahl "Format/Styles" angezeigt und der Text dahinter ist die Zuordnung der Klassenbezeichnung aus Deiner CSS-Datei.

MfG
Peter
09.02.2010, 00:05
Friedhelm

Liste der Anhänge anzeigen (Anzahl: 1)

[Gelöst} TinyMCE styleselect

Zitat:

Zitat von mandrake

Hallo Friedhelm,

die Einbindung der CSS-Datei alleine genügt nicht. Du mußt natürlich auch die gewünschten Klassen entsprechend definieren. Beispiel:

Code:

theme_advanced_styles : "Hinweis=hinweis;Info=info",

Der Text vor dem Gleichheitszeichen wird im TinyMCE in der Auswahl "Format/Styles" angezeigt und der Text dahinter ist die Zuordnung der Klassenbezeichnung aus Deiner CSS-Datei.

MfG
Peter

Hallo Peter,
danke für Deine Antwort, aber so ganz zufriedenstellen tut mich das nicht ;-.)
Die Doku zu theme_advanced_styles sagt dazu explizit:

Zitat:

If this option is not defined, TinyMCE imports the classes from the content_css.

Was auch dafür spricht, dass es ohne theme_advanced_styles geht:
Grade lokal probiert:

Code:

content_css : "<?php echo TL_PATH; ?>/webconsulting.css,<?php echo TL_PATH; ?>/basic.css,<?php echo TL_PATH; ?>/system/themes/tinymce.css",

Mit diesem Eintrag habe ich alle Klassen aus webconsulting.css sofort im TinyMCE in der Auswahl.
Ob das Sinn macht sei dahingestellt,-)
Neugierig bin ich trotzdem und frage mich daher, was der Grund sein könnte, dass es bei meiner anderen Installation so leider nicht funktioniert.
So, weiter getestet:
Es liegt an
@media all
{
...
}
aus meinen Yaml CSS-Dateien. Mit @media kommt TinyMCE offenbar nicht zurecht. Muss ich halt eine CSS-Datei ohne @media mit nur Klassennamen oder doch themes_advanced styles verwenden.
Danke für den Tipp, Peter!
10.02.2010, 20:34
mandrake

Hallo Friedhelm,

Du hast natürlich Recht damit, dass der Import prinzipiell auch unabhängig von der Definition bestimmter Klassen funktioniert. Ich selbst arbeite auch überwiegend mit YAML. Ich stelle den Redakteuren mittels "theme_advanced_styles" allerdings immer nur eine bestimmte Auswahl an Klassen zur Verfügung und habe noch nie ein Problem bzgl. "@media all" und der Einbindung von CSS-Dateien bzw. Klassen in den TinyMCE feststellen können. Dies nur als Hintergrund zu meiner Aussage, dass Du die Klassen entsprechend definieren mußt. Wobei es i.d.R. zumeist auch tatsächlich wenig Sinn macht im RTE alle verfügbaren Klassen freizugeben.

Freut mich, dass wir das Rätsel lösen konnten und nun alles wie gewünscht funktioniert.

MfG
Peter
11.02.2010, 14:02
Sebastian

HI

die Styles bekommst du viel einfacher noch angeboten, wenn du einfach in der basic.css folgende Definitionen anlegst:

Code:

.Formatname { … } .Formatname_2 { … }

So wird dir in dem Auswahlmenü „Formatname“ und „Formatname_2“ angezeigt.

Sebastian
11.02.2010, 14:21
mandrake

Hallo Sebastian,

wie Du dem ersten Beitrag von Friedhelm entnehmen kannst, geht es hier im Thema um die Einbindung einer eigenen content.css in Verbindung mit der Nutzung von YAML. Wenn das TL-Framework und die damit verbundene basic.css genutzt wird, ist Deine Aussage ansonsten aber natürlich absolut zutreffend.

MfG
Peter
11.02.2010, 14:46
Sebastian

HI

Entschuldigung. Natürlich. :(

Sebastian
18.02.2010, 11:43
comanche

Zitat:

Zitat von Sebastian

HI

die Styles bekommst du viel einfacher noch angeboten, wenn du einfach in der basic.css folgende Definitionen anlegst:

Code:

.Formatname { … } .Formatname_2 { … }

So wird dir in dem Auswahlmenü „Formatname“ und „Formatname_2“ angezeigt.

Sebastian

Erledigt! War wohl ein Cache Problem. Jetzt geht's :)

*******************************

Darf ich hier nochmal einhaken?

Ich habe in der basic.css eine eigene Klasse definiert (".test"), bekomme aber keine Auswahl unter "Format" angezeigt. Muss ich noch Anpassungen vornehmen?

Gruß,
Andreas
02.08.2010, 13:07
VolkerS

Hallo,

vielleicht bin ich ja nicht der einzige, bei dem keine Änderung der tinyMCE.php wirkt und dem plötzlich einfällt:
Ach ja, ich hatte ja eine tinyCustom.php angelegt. - Und schon hat's geklappt.
10.04.2014, 20:14
Andreas

Wenn die eigenen Klassen-Selektoren aus der files/tinymce.css nicht direkt im Feld "Format" zur Verfügung stehen, kann man in der eigenen tinyCustom.php folgende Zeile ändern. Es scheint ein Browser-Cache Problem zu sein.

PHP-Code:

... content_css : "<?php echo TL_PATH; ?>/system/themes/tinymce.css,<?php echo TL_PATH .'/'. $this->uploadPath; ?>/tinymce.css", ... => content_css : "<?php echo TL_PATH; ?>/system/themes/tinymce.css,<?php echo TL_PATH .'/'. $this->uploadPath; ?>/tinymce.css?"+ new Date().getTime(), ...