WordPressのWYSIWYGエディターでは、テキストへのリンクを追加する場合にポップアップが表示されます。この機能にアクセスする可能性はありますか?作成したWordPressウィジェットにこのポップアップを使用して、ウィジェットをバックエンドで構成した場合にウィジェットにリンクを追加できるようにするためです。
ここに私が意味するもののスクリーンショットがあります:
WordPressのWYSIWYGエディターでは、テキストへのリンクを追加する場合にポップアップが表示されます。この機能にアクセスする可能性はありますか?作成したWordPressウィジェットにこのポップアップを使用して、ウィジェットをバックエンドで構成した場合にウィジェットにリンクを追加できるようにするためです。
ここに私が意味するもののスクリーンショットがあります:
回答:
私は少し試してみましたが、これを完全に機能させることはできませんでしたが、近いので<form>
、ポップアップスタイルをハードコーディングして拡張するのは難しいです。
開始するには、次のことができます。
リンクポップアップのJavaScriptとスタイルをキューに登録しますwp-includes/wplink.js
。メインの.jsファイルはです。これをロードする場所に応じて、いくつかのスクリプト(thickbox、jQuery-ui、ui-dialogなど)に依存するため、追加する必要のあるスクリプト/スタイルが多い場合があります。
wp_enqueue_script('wplink');
wp_enqueue_script('wpdialogs-popup'); //also might need this
// need these styles
wp_enqueue_style('wp-jquery-ui-dialog');
wp_enqueue_style('thickbox');
翻訳可能な変数を設定します。
var wpLinkL10n = {"title":"Insert\/edit link","update":"Update","save":"Add Link","noTitle":"(no title)","noMatchesFound":"No matches found."};
これで、次のようなものを使用して関数を拡張できるはずですwpLink
。
// test button
<button class="link-btn">Click button for Links</button>
jQuery('.link-btn').on('click', function(event) {
wpActiveEditor = true;
wpLink.title = "Hello"; //Custom title example
wpLink.open(); // Open the link popup
return false;
});
<form>
ここで貼り付けるのに長い道のりであるポップアップのための要素が必要です、ここでデフォルトの1つを見ることができます:https ://gist.github.com/wycks/6402573
現在、これには大きな問題があります。つまり、wpLink.close
またはなどの関数にjavascriptを閉じたり送信(またはチェック)したりwpLink.textarea
しなかったので、詳細wplink.js
を参照してください。
申し訳ありませんが、基本的なことを忘れない限り、これはいじくり回すのに時間がかかりますが、ほとんどの場合はそれで十分です。
wp_enqueue_script('wpdialogs');