Как изменить параметры диалога редактора изображений в WordPress?

Я пытаюсь скрыть переключатели Alignment для изображений, загруженных в область содержимого сообщений, но не могу понять, как добавить пользовательский CSS или JS-файл в диалог Image Editor.

Я успешно добавил фильтр к трюку tiny_mce_before_init для удаления кнопок выравнивания из текстового редактора TinyMCE, но я не уверен, как сделать то же самое с редактором изображений.

введите описание изображения здесь

Я пробовал взломать jQuery, но он, кажется, не принимает:

$('.mceWrapper iframe').load( function() {
    $(this).contents().find('tr.align').hide();
});
7 голосов | спросил handstand 22 52013vEurope/Moscow11bEurope/MoscowFri, 22 Nov 2013 01:42:29 +0400 2013, 01:42:29

2 ответа


2

Глядя на это подробно, кажется, что вы не можете изменить редактор изображений только в некоторых деталях. Единственное, что вы можете сделать, это заменить редактор изображений слегка измененной копией. Я скоро объясню, как это можно сделать.

  

Но перед этим слово предупреждения. Редактор изображений в настоящий момент работает (2/2014), поэтому это решение, вероятно, не будет работать из следующей версии 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;
}
ответил kraftner 19 FebruaryEurope/MoscowbWed, 19 Feb 2014 17:35:20 +0400000000pmWed, 19 Feb 2014 17:35:20 +040014 2014, 17:35:20
-1

Вы можете просто скрыть его с помощью CSS. Если ваша тема имеет файл css для вашей панели управления admin (для пользовательских форм и т. Д.), Просто добавьте это в этот файл;

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

Если ваша тема не имеет файла CSS для панели управления admin, вы можете поместить это в свои темы 'functions.php ;

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

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

Обратите внимание, что значение выравнивания будет сохранено как все, что было до редактирования.

ответил Michael Ruta 29 Jpm1000000pmWed, 29 Jan 2014 14:44:24 +040014 2014, 14:44:24

Похожие вопросы

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132