perun.net – WordPress & Webwork



WordPress: wenn die Buttons im visuellen Editor verschwinden

Von am 04. 04. 2014 um 16:12

Buttons im visuellen Editor sind nicht mehr vorhanden. Was ist die Ursache und was kann man dagegen unternehmen?

Ich arbeite in meinen Weblogs seit dem ich WordPress nutze – also seit mehr als 10 Jahren – mit dem Text-Editor. Daher ist mir das folgende Problem erst auf einer Kundeninstallation aufgefallen. Die Buttons des visuellen Editors waren weg, es sah folgendermaßen aus:

WordPress: Buttons beim WYSIWYG-Editor verschwunden

Tests auf anderen Browsern ergaben, dass dies nur bei Firefox stattfand. Nach der Löschung des Browsercaches war das Problem noch immer da und daher war die logische Schlussfolgerung, dass hier ein Firefox-Addon querschießt.

Der Schuldige war schnell gefunden, es handelte sich um das Addon Stylish oder besser gesagt eine CSS-Regel die ich per Stylish eingebunden habe und zwar um diese Regel:

#wp-content-editor-container * {
    font: 13px/1.45 verdana, sans-serif !important;
}

Mit dieser Regel habe ich seinerzeit die Schrift im Text-Editor bzw. im HTML-Editor (wie er damals noch hieß) angepasst. Leider beißt sich das mit den Font-Icons in den neuen Versionen von WordPress. Deswegen muss man das Addon deaktivieren oder die Regel anpassen:

#wp-content-editor-container textarea {
    font: 13px/1.45 verdana, sans-serif !important;
}

Ich habe mich für die Anpassung der CSS-Regel entschieden, allerdings betrifft diese neue Regel lediglich den Text in der Textbox (textarea). Mir persönlich reicht das. Ich persönlich finde Verdana doch etwas leserlicher als die Consolas. Speziell bei längeren Texten.

Diesen Artikel weiterempfehlen:

Premium WordPress Themes

Verwandte Artikel:

 — 


Ein Kommentar »»

  1. 1.Thomas

    Kommentar vom 07.04.2014 um 21:02

    Mir ist noch ein weiteres Problem bekannt, das zu deiner Überschrift passt: Die Editorleiste verschwindet komplett, wenn gewisse Anzeigen-Plugins installiert sind und der AdBlocker deren Skripte blockiert. Ziemlich tricky das erstmal zu finden.

Einen Kommentar hinterlassen




XHTML (folgende Tags sind erlaubt): <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> . Kommentar-Vorschau ist aktiviert (Javascript wird benötigt).

Code-Beispiele: damit die Code-Beispiele richtig angezeigt werden müssen die Sonderzeichen maskiert werden (z. B. < zu &lt;).



Weblog der perun.net webwork gmbh mit Artikeln zum Thema WordPress, Webwork, und Internet.