it-swarm.com.de

Wie ändere ich die Dialogoptionen des Bildeditors in WordPress?

Ich versuche, die Optionsfelder "Ausrichtung" für Bilder auszublenden, die in den Post-Inhaltsbereich hochgeladen wurden, kann jedoch nicht herausfinden, wie dem Dialogfeld "Bildeditor" eine benutzerdefinierte CSS- oder JS-Datei hinzugefügt wird.

Ich habe dem Aktions-Hook tiny_mce_before_init erfolgreich einen Filter hinzugefügt, um Ausrichtungsschaltflächen aus dem TinyMCE-Texteditor zu entfernen.

enter image description here

Ich habe einen jQuery-Hack versucht, aber es scheint nicht zu dauern:

$('.mceWrapper iframe').load( function() {
    $(this).contents().find('tr.align').hide();
});
8
handstand

Bei genauerer Betrachtung scheint es, dass Sie den Bildeditor nicht nur in einigen Details ändern können. Sie können den Bildeditor nur durch eine leicht geänderte Kopie ersetzen. Ich werde gleich erklären, wie das geht.

Aber davor ein Wort der Warnung. An dem Bildeditor wird derzeit (2/2014) gearbeitet, daher wird diese Lösung ohne weitere Modifikationen wahrscheinlich ab der nächsten WordPress-Version nicht mehr funktionieren.

Eine letzte Anmerkung: Es ist wahrscheinlich besser, wenn Sie dies in ein Plugin und nicht in Ihr Thema einfügen. Um diese Antwort zu verkürzen, erkläre ich Ihnen, wie Sie dies in Ihr Thema einfügen können.

1. Entfernen Sie den Standard-Bildeditor

add_filter( 'tiny_mce_plugins', 'remove_wpeditimage', 10, 2 );

function remove_wpeditimage($plugins){
    if(($key = array_search('wpeditimage', $plugins)) !== false) {
        unset($plugins[$key]);
    }
    if(($key = array_search('teeny_mce_plugins', $plugins)) !== false) {
        unset($plugins[$key]);
    }
    return $plugins;
}

2. Kopieren und ändern Sie den Image Editor

Kopieren Sie wp-includes/js/tinymce/plugins/wpeditimage in Ihren Themenordner.

Verändere es wie du willst. Der einfachste Weg, die Ausrichtungsoptionen loszuwerden, besteht darin, die Zeile 55 von zu ändern

<tr class="align">

zu

<tr class="align" style="display:none;">

3. Fügen Sie den geänderten Bildeditor hinzu

add_filter('mce_external_plugins', 'add_customized_wpeditimage');

function add_customized_wpeditimage($plugins) {
    $plugins[ 'wpeditimage' ] = get_template_directory_uri() . '/wpeditimage/editor_plugin.js';
    return $plugins;
}
2
kraftner