如何在WordPress上修改图像编辑器对话框选项？

我试图隐藏上载到帖子内容区域的图像的“对齐方式”单选按钮，但无法弄清楚如何向“图像编辑器”对话框中添加自定义CSS或JS文件。

我已经成功地将过滤器添加到tiny_mce_before_init操作钩中，以从TinyMCE文本编辑器中删除对齐按钮，但是不确定如何使用图像编辑器执行相同的操作。

我已经尝试了jQuery hack，但似乎并不需要：

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

详细查看它似乎无法仅在某些细节上更改图像编辑器。您唯一可以做的就是将图像编辑器替换为稍作修改的副本。我将在短期内解释如何完成此操作。

但在此之前要提个警告。图片编辑器目前（2014年2月2日）正在开发中，因此，如果不进行进一步修改，此解决方案可能无法从下一版WordPress版本开始使用。

最后一点：如果确实将其放在插件中而不是主题中，可能会更好。无论如何，为了使答案更短，我将说明如何将其放在您的主题中。

1.删​​除默认的图像编辑器

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.复制并更改图像编辑器

将wp-includes / js / tinymce / plugins / wpeditimage复制到主题文件夹。

按您喜欢的方式对其进行更改。摆脱对齐选项的最简单方法是将第55行更改为

<tr class="align">

至

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

3.添加更改后的图像编辑器

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;
}

您正在寻找的将CSS添加到MCE编辑器中的函数称为add_editor_style。我有办法使它起作用，但是快速的五分钟破解对我来说却无济于事。根据法典，这是正确的做法。

您可以使用CSS将其隐藏。如果您的主题有一个用于管理控制台的CSS文件（用于自定义表单等），则只需将其添加到该文件中即可；

#img-edit tr.align { display:none; }

如果您的主题没有用于管理控制台的CSS文件，则可以将其放在主题functions.php文件中；

add_action( 'admin_head', 'so4513579_hide-img-alignment' );

function so4513579_hide-img-alignment() {
    echo "<style> #img-edit tr.align { display:none; } </style>";
}

注意，对齐值仍将保存为编辑前的值。