4

フロントエンドのモーダル ダイアログ (シックボックス) 内に wp_editor を追加したいのですが、ボタンのない空のエディターしか取得できません。 (WordPress 3.5 およびプラグイン開発)

wp_editor は ajax 呼び出しを介して接続されています...

ページにいくつかの重要な JavaScript が欠落しているようです。

編集スクリプト i WP をなんらかの方法でプリロードすることは可能ですか?

問題を公開するためのサンプル プラグインを次に示します (すべてのコンテンツに編集リンクを追加します)。

<?php
/*
Plugin Name: ThickboxEditor
*/

$thickboxeditor = new ThickboxEditor();

class ThickboxEditor{

    function __construct()
    {

        add_action( 'wp_print_styles', array( &$this, 'wp_print_styles' ) );
        add_action( 'init', array( &$this, 'init' ) );
        add_filter( 'the_content', array( &$this, 'the_content' ) );
        add_action( 'wp_ajax_thickboxeditor', array( &$this, 'editor' ) );
        add_action( 'wp_ajax_nopriv_thickboxeditor', array( &$this, 'editor' ) );

    }

    function the_content( $content ){

        $content .= '<a href="' . admin_url( 'admin-ajax.php' ) . '?action=thickboxeditor" class="thickbox" title="Add new note">EDIT THICKBOXEDITOR</a>';

        return $content;

    }

    function editor(){

        wp_editor( $this->postcontent, 'postcontent', array(
            'media_buttons' => false,
            'teeny' => false,
            'textarea_rows' => '7',
            'tinymce' => array( 'plugins' => 'inlinepopups, fullscreen, wordpress, wplink, wpdialogs' )
        ) );

        die(0);

    }

}
?>

アップデート

@danielauener のおかげで、1 つの解決策は mceAddControl を初期化することです。したがって、同じプラグインの実際のサンプルは次のとおりです。

<?php
/*
Plugin Name: ThickboxEditor
*/

$thickboxeditor = new ThickboxEditor();

class ThickboxEditor{

    function __construct()
    {

        add_action( 'wp_print_styles', array( &$this, 'wp_print_styles' ) );
        add_action( 'init', array( &$this, 'init' ) );
        add_filter( 'the_content', array( &$this, 'the_content' ) );
        add_action( 'wp_ajax_thickboxeditor', array( &$this, 'editor' ) );
        add_action( 'wp_ajax_nopriv_thickboxeditor', array( &$this, 'editor' ) );
        add_action( 'wp_footer', array( &$this, 'wp_footer' ) );

    }

    function wp_footer(){

        echo '<!--';
        wp_editor( '', 'invisible_editor_for_initialization' );
        echo '-->';

    }

    function the_content( $content ){

        $content .= '<a href="' . admin_url( 'admin-ajax.php' ) . '?action=thickboxeditor" class="thickbox" title="Add new note">EDIT THICKBOXEDITOR</a>';

        return $content;

    }

    function editor(){

        wp_editor( '', 'postcontent', array(
            'media_buttons' => false,
            'teeny' => false,
            'textarea_rows' => '7',
            'tinymce' => array( 'plugins' => 'inlinepopups, fullscreen, wordpress, wplink, wpdialogs' )
        ) );

        ?>

        <script language="javascript">
            jQuery(document).ready(function(){
                tinymce.execCommand('mceAddControl',true,'postcontent');
            });
        </script>

        <?php

        die(0);

    }

}
?>

いwp_editorの初期化をスキップするのは本当にいいことです:-)

4

1 に答える 1

1

面白いことに、thickbox はコールバックを提供しません。しかし、Twitter で述べたように、い$.ajaxSuccessjs-inject を解決するために呼び出しを試みます。以下を JavaScript ファイルの 1 つに追加するだけです。

(function($) {
    // gets called for every successful ajax call
    $(document).ajaxSuccess( function(evt, request, settings) {

        // make sure this call was from your thickbox
        if ($('#your-thickbox-selector').length > 0) {
            tinymce.execCommand('mceAddControl',true,'postcontent');
        }
    }); 
})( jQuery );

更新:メソッドajaxSuccessを要素に割り当てる必要があり、コードが変更されました

于 2012-12-30T11:01:58.593 に答える