Änderungen in Theme greifen in TinyMCE, aber nicht auf der fertigen Seite
Eingetragen von LittleBit (46)am 03.08.2007 - 16:20 Uhr in
Hallo zusammen,
habe mich dieser Tage voller Begeisterung in die Erlebniswelt Drupal gestürzt und stolpere hier und da über kleine Probleme.
Vorab - meine CSS-Kenntnisse sind rudimentär...
Ich habe für eine Seite das Theme barlow ausgesucht und ein wenig verändert (alles nur Kleinigkeiten - Farbe, Schriftgrößen,...). Nun möchte ich einige Sachen im content besonders hervorheben - und der User der dies später eingibt wird kein HTML-Virtuose sein. Also habe ich ein wenig gebastelt und bin bei folgendem stecken geblieben:
Habe die style.css von barlow um eine eigene CSS-Klasse erweitert:
.myBlock1
{
font-size: 120%;
color: #ff0000;
}Ist nichts bewegendes - und wenn ich den TinyMCE starte und Textpassagen entsprechend markiere und den CSS-Style myBlock1 aus dem Pull-Down-Menü auswähle und darauf anwende steht ziemlich genau das da was ich erwartet habe. Soweit so gut - wenn ich aber dann die fertige Seite aufrufe, dann ist die Formatierung weg.
Ich hab mit WebDeveloper nachgeschaut - die myBlock1 wird im CSS mit aufgeführt.
Im ausgegebenen Sourcecode steht:
<span class="myBlock1"> Test </span>(Eckige Klammern natürlich auch - aber die werden mir hier vom Filter geklaut :-) )
In meiner naiven Art hab ich nun vermutet, daß auf "Test" nun das in myBlock1 stehende angewendet würde. Aber dem ist weder im FF noch IE der Fall. Als CSS-Laie stehe ich jetzt natürlich auf dem Schlauch und hoffe, daß mir jemand einen guten Tip geben kann.
Wenn ich mir in Web-Developer das Element anschaue, dann werden als parent natürlich ein ganzer Rattenschwanz von übergeordneten Klassen angezeigt. Muß sich .myBlock1 ganz konkret auf diese beziehen ? Ich hatte gedacht, daß ich dieses nur bräuchte, wenn ich für verschiedene parents auch verschiedene Darstellungen haben möchte.
Bin für jeden Hinweis dankbar,
Tom
- Anmelden oder Registrieren um Kommentare zu schreiben
Muß statt eckige Klammern
am 03.08.2007 - 16:20 Uhr
Muß statt eckige Klammern natürlich spitze Klammern heißen - sorry
Ich stell gerade fest, daß
am 03.08.2007 - 16:31 Uhr
Ich stell gerade fest, daß die Anzeige unter TinyMCE auch nur unter IE greift - also im FF auch schon im Editor nicht. Vielleicht ein brauchbarer Hinweis für den Profi - mich verwirrts grad noch mehr.
Herrje - das wird irgendwie
am 03.08.2007 - 16:42 Uhr
Herrje - das wird irgendwie komisch
Unter Firefox führt TinyMCE in der "CSS-Style" Dropdown-Box erheblich weniger Styles als unter IE6 (mein .myBlock1 ist natürlich auch nicht dabei - kein Wunder, daß ich beim Edit nichts von der Formatierung sehen kann).
Ich hab sicherlich beim Verständnis von CSS was grundlegendes verpaßt. Hoffe mir kann dennoch geholfen werden.
Also im Quellcode steht
am 03.08.2007 - 18:23 Uhr
Also im Quellcode steht deine Klasse korrekt drin, wird nur nicht umformatiert oder wie? Poste mal nen Link.
gruß pebosi
CSS-File
am 05.08.2007 - 16:19 Uhr
Hast Du die CSS-Datei denn in der TinyMCE-Konfiguration angegeben und an die richtige Stelle
zugänglich gemacht?
In der KOnfig. gibt es ganz unten eine Möglichkeit Deine eigene Datei anzugeben.
Die muss dann aber auch im PageLayout verlinkt sein. Sonst siehst Du die Änderungen im
Editor, aber nicht auf der Seite.
Viele Grüße,
Daniel Greitens
www.maximago.de
Mit nem Link kann ich leider
am 05.08.2007 - 18:14 Uhr
Mit nem Link kann ich leider nicht dienen, weil derzeit alles lokal auf der Maschine läuft. An die komm ich erst kommende Woche wieder dran - werde dann Auszüge posten.
Gruß,
Tom
Zitat:Hast Du die CSS-Datei
am 05.08.2007 - 18:22 Uhr
zugänglich gemacht?
Wahrscheinlich hab ich mich unglücklich ausgedrückt. Ich habe die CSS des Themes um eine eigene Klasse erweitert. Solange ich in TinyMCE editiere klappt alles wunderbar - kommt also an. Aber die veröffentliche Seite enthält die Formatierung nicht mehr. TinyMCE ist also nicht das Problem.
Wenn ich mir die veröffentlichte Seite anschaue - und mit WebDeveloper mir die Elemente der Seite anschaue, dann wird für den markierten Text auch die Klasse angegeben, die ich verwenden wollte. Außerdem hab ich mir von WebDeveloper die resultierende CSS angeschaut - da wird die Klasse auch mit aufgeführt.
An dieser Stelle fehlt mir die Erfahrung wie ich nun weiter testen kann.
Danke für die Antworten,
Tom
Link?
am 06.08.2007 - 06:51 Uhr
Hast Du vieleicht mal einen Link? So ist das schwer zu beurteilen....
Viele Grüße,
Daniel Greitens
www.maximago.de
Einen Link kann ich leider
am 06.08.2007 - 08:00 Uhr
Einen Link kann ich leider nicht anbieten - Entwicklung derzeit komplett lokal.
Gruß,
Tom
quellcode
am 06.08.2007 - 08:17 Uhr
kenne mich mit TinyMCe nicht so gut aus, eher mitm FCKEditor, aber gibts beim Tiny die Möglichkeit anstatt im Editormodus im Quelltext zu arbeiten? Wenn ja, klappt es so?
Wenn ich dich richtig verstanden habe, funzt das nur im IE6, aber nicht im FF oder?
Wie siehts mitm IE7 aus?
-----
Rechtschreibfehler -falls vorhanden- sind volle Absicht und dürfen -falls gefunden- behalten werden! :-)
Im Labyrinth lohnt manchmal
am 06.08.2007 - 08:20 Uhr
Im Labyrinth lohnt manchmal ein kleiner Schritt zurück. Ich hab jetzt zunächst mal das bearbeitete Theme umbenannt und barlow nochmal neu reingepackt. Wenn ich mit TinyMCE einen neuen Inhalt erstelle, dann hab ich unter FF nur die CSS-Styles primary_menu und sidebar zur Verfügung - unter IE6 noch messages, comment und new. Daß beide Browser CSS unterschiedlich interpretieren hab ich schon mitbekommen (bin wie gesagt CSS-Newby).
Aber vielleicht sollte ich das Pferd andersherum aufzäumen. Was wäre denn der bevorzugte Weg ein Theme um ein paar Details zu verändern ? Anstelle die vorhandenen .css zu modifizieren ein zusätzliche schreiben (und dann wo einfügen ?) ?
Ich hoffe Ihr habt Nachsehen mit meiner Unwissenheit.
Danke,
Tom
teddy wrote: aber gibts
am 06.08.2007 - 08:33 Uhr
aber gibts beim Tiny die Möglichkeit anstatt im Editormodus im Quelltext zu arbeiten? Wenn ja, klappt es so?
Ja - HTML kann ich alternativ eingeben. Klappt aber auch nicht - ich würde es auch nicht anders schreiben. Im ersten Post hab ich den erzeugten Sourcecode eingefügt.
Wenn ich dich richtig verstanden habe, funzt das nur im IE6, aber nicht im FF oder?
Wie siehts mitm IE7 aus?
Bei der veröffentlichten Seite geben sowohl IE als auch FF nur den eigentlichen Text ohne Formatierung aus. Das Problem werden auch nicht die Browser sein - der Fehler sitzt vermutlich 40cm vor meinem Bildschirm. Ich find das nur nicht.
Gruß,
Tom
So - ich hab tatsächlich
am 06.08.2007 - 08:55 Uhr
So - ich hab tatsächlich einen Weg gefunden:
In der template.php hab ich in der Funktion _phptemplate_variables folgendes hinzugefügt:
drupal_add_css($vars['directory'] . '/mystyle.css', 'theme');
Ist das auch der "offizielle" Weg ? Oder läuft das unter Geprömpel ?
Einziger Schönheitsfehler ist jetzt, daß die Eingabe bislang nur unter IE per WYSIWIG funktioniert. Unter FF bin ich auf HTML angewiesen. Aber das hat mit dem Theme natürlich nix mehr zu tun...
Ich danke für die Hilfe,
Tom
LittleBit wrote: Einziger
am 06.08.2007 - 12:45 Uhr
Einziger Schönheitsfehler ist jetzt, daß die Eingabe bislang nur unter IE per WYSIWIG funktioniert. Unter FF bin ich auf HTML angewiesen. Aber das hat mit dem Theme natürlich nix mehr zu tun...
Funzt der TinyMCe net mit dem FF oder warum bist du dort auf HTML angewiesen und im IE net?
-----
Rechtschreibfehler -falls vorhanden- sind volle Absicht und dürfen -falls gefunden- behalten werden! :-)
teddy wrote: Funzt der
am 06.08.2007 - 18:18 Uhr
Funzt der TinyMCe net mit dem FF oder warum bist du dort auf HTML angewiesen und im IE net?
Im FF zeigt TinyMCE in der Combobox für die verfügbaren Style-Klassen nur ein subset an - nicht nur meine eigenen nicht, sondern auch einige weitere des original Themes. Ist auch nicht erst wenn ich dran gefummelt hab, sondern sofort. Ich denke das zu erörtern sollte ich aber lieber einen eigenen Thread an anderer Stelle aufmachen - ist ja nicht mehr Theme spezifisch.
Gruß,
Tom