web-dev-qa-db-ja.com

エディタなしでwpLinkを使用する方法？

リンクを追加するためのテーマオプションを作成したいです。これらのスクリプトをロードしてダイアログを起動しても、wp editorが存在すればうまく動作します。

wp_enqueue_script('wplink');
wp_enqueue_script('wpdialogs');
wp_enqueue_script('wpdialogs-popup');
wp_enqueue_style('wp-jquery-ui-dialog');
wp_enqueue_style('thickbox');

wp_editor('', 'unique_id', array('editor_class'=>'hidden'));



$('.add-link').on("click", function(e){
    e.preventDefault();

      wpLink.open();
      return false;
});

しかし、エディタが存在しない状態でリンクダイアログボックスを開く方法は？

これは私がしているものです

enter image description here enter image description here 

linkseditor
11
Benn

これを行う倫理的な方法はありません。しかしそれでもこれを行う方法があります。 WordPressはエディタがあることを覚えておいてwpLinkスクリプトを書きましたが、エディタがない場合でもWordPressのハンドルを操作します （良いこと）

この例を考えて、フッタでフロントエンドでそれを使っていると仮定します。

まず基本的なスタイルとスクリプトをエンキューします。

function enqueue_scripts_209490() {
    wp_enqueue_script('wplink');
    wp_enqueue_style( 'editor-buttons' );
}
add_action('wp_enqueue_scripts', 'enqueue_scripts_209490');

この関数をフッターにフックしてください インラインコメントを読んでください 

function display_wplink_html_209490() {
    //Our textarea, click to open the link edior and insert the link in same editor
    echo '<textarea id="example_209490"></textarea>';

    // Require the core editor class so we can call wp_link_dialog function to print the HTML.
    // Luckly it is public static method ;)
    require_once ABSPATH . "wp-includes/class-wp-editor.php";
    _WP_Editors::wp_link_dialog(); ?>

    <script type="text/javascript">
        /* We need ajaxurl to send ajax to retrive links */
        var ajaxurl = "<?php echo admin_url( 'admin-ajax.php'); ?>";
        jQuery(document).ready(function (){
            jQuery('#example_209490').click(function (){
                wpLink.open('example_209490'); /* Bind to open link editor! */
            });
        })
    </script><?php
}
add_action('wp_footer', 'display_wplink_html_209490');

注： jsエラーsetUserSettingが定義されておらず、ユーザーがログインしていないときはAJAX応答がないため、ユーザーがログインしていないときは機能しません。

7
Sumit