WordPressの画像エディターダイアログオプションを変更する方法


8

投稿コンテンツ領域にアップロードされた画像の[配置]ラジオボタンを非表示にしようとしていますが、[画像エディター]ダイアログにカスタムCSSまたはJSファイルを追加する方法がわかりません。

TinyMCEテキストエディターから配置ボタンを削除するフィルターをtiny_mce_before_initアクションフックに正常に追加しましたが、画像エディターで同じようにする方法がわかりません。

ここに画像の説明を入力してください

私はjQueryハックを試しましたが、それは取るようではありません:

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

iframeにjQueryが含まれていないIIRC。これが問題である可能性があります。
NoBugs 2013

これはtinyMCE Plugin afaikなので、出力をフィルタリングする方法はありません。プラグイン(WordPressプラグインではなく、tinyMCEプラグイン)をカスタムプラグインで置き換える必要があります。stackoverflowに関する同様の投稿を
ご覧ください

また、wpeditimage tinyMCE-Pluginは現在大幅に開発中であるため、WordPress Makeの
kraftner '18 / 02/18

回答:


2

詳細に見ると、イメージエディターを細部だけ変更することはできないようです。あなたができる唯一のことは、少し編集されたコピーで画像エディタを置き換えることです。これをどのように行うことができるのかをすぐに説明します。

しかしその前に警告の言葉。画像エディターは現在(2014年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-含ま/ JS / TinyMCEを/プラグイン/ 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;
}

-1

CSSをMCEエディターに追加するために探している関数は、add_editor_styleと呼ばれます。私はこれを機能させることに成功しましたが、5分間のハックではうまくいきませんでした。コーデックスによると、それはそれを行う正しい方法です。


-1

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

調整値は編集前と同じように保存されることに注意してください。


CSSはwpeditimage tinyMCE-Pluginのiframeに追加されず、親編集画面に追加されるため、これは機能しません。
クラフトナー2014
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.