Gibt es eine Möglichkeit, die Standard-CSS aus TinyMCE zu entfernen?

Ich arbeite daran, den Editor mehr wie das Frontend aussehen zu lassen, indem ich dem TinyMCE-Rich-Text-Editor zusätzliches CSS hinzufüge.

WordPress fügt /wp-includes/js/tinymce/skins/lightgray/content.min.css und /wp-includes/js/tinymce/skins/wordpress/wp-content.css hinzu.

Gibt es eine einfache Möglichkeit, dies zu entfernen?

Solutions Collecting From Web of "Gibt es eine Möglichkeit, die Standard-CSS aus TinyMCE zu entfernen?"

Sie sollten diese entfernen können, indem Sie in den mce_css Filter in Ihrer functions.php Datei mce_css :

 add_filter("mce_css", "my_remove_mce_css"); function my_remove_mce_css($stylesheets){ return ""; } 

Ich habe das nicht getestet, aber es sollte funktionieren. Vielleicht möchten Sie den Wert von $stylesheets bevor Sie nichts zurückgeben, nur um zu sehen, was sonst noch passiert – vielleicht möchten Sie einige der Stylesheets beibehalten, in diesem Fall könnten Sie die nicht benötigten entfernen mit str_replace .

Sie können mehr über diesen Filter unter https://codex.wordpress.org/Plugin_API/Filter_Reference/mce_css lesen

Das ist, was ich erreicht habe. Dadurch wird nur das benutzerdefinierte WordPress- /wp-includes/js/tinymce/skins/wordpress/wp-content.css .

 function squarecandy_tinymce_remove_mce_css($stylesheets) { $stylesheets = explode(',',$stylesheets); foreach ($stylesheets as $key => $sheet) { if (preg_match('/wp\-includes/',$sheet)) { unset($stylesheets[$key]); } } $stylesheets = implode(',',$stylesheets); return $stylesheets; } add_filter("mce_css", "squarecandy_tinymce_remove_mce_css"); 

Die andere Datei, die standardmäßig geladen wird ( /wp-includes/js/tinymce/skins/lightgray/content.min.css ), ist nicht Teil des mce_css-Filters. Es scheint keinen Weg zu geben, dies zu entfernen, ohne TinyMCE zu zerstören. Aber von den zwei CSS-Dateien fügt dieser weniger Standarddinge hinzu, die überschrieben werden müssen.

Um /wp-includes/js/tinymce/skins/lightgray/content.min.css zu entfernen, versuchen Sie diesen Code in Ihrer functions.php .

 add_filter ('tiny_mce_before_init', function ($ init) {
     $ init ['init_instance_callback'] = 'function () {'
         .  'jQuery ("# ​​content_ifr"). contents (). find ("link [href * = \' content.min.css \ ']"). remove ();'
     .  '}';
     return $ init;
 });

Ich weiß nicht, dass es richtig ist, aber es funktioniert gut.