使用AJAX加载的内容中的WP_EDITOR()

时间：2014-06-20 作者：myvahid

我尝试使用wp_editor() 在使用ajax加载的内容中，但未加载任何必需的文件和其他一些配置脚本：

ajax的结构是这样的：

function get_test_page(){
   include( TEMPLATEPATH . \'/page.php\' );
   die( main() );
}
add_action( \'wp_ajax_nopriv_get_test_page\', \'get_test_page\' );
add_action( \'wp_ajax_get_test_page\', \'get_test_page\' );
第页。php：

function main(){
    wp_editor(\'\',\'unique_id\');
}
已加载编辑器，但未加载所需的文件。

2 个回复
SO网友:myvahid

Solution:

添加wp_editor() 在一个完美的地方藏起来。

<div class="hidden-editor-container" style="display:none;">
    <?php wp_editor( \'\', \'editor\' ); ?>
</div>
之后，将编辑器内容分配给全局JS变量。

EDITOR = $(\'.hidden-editor-container\').contents();
最后，加载ajax页面时，追加编辑器内容

$(\'.editor\').append( EDITOR );

tinymce.execCommand( \'mceRemoveEditor\', false, \'editor\' );
tinymce.execCommand( \'mceAddEditor\', false, \'editor\' );

SO网友:Александр Виткалов

尝试添加

do_action(\'admin_print_footer_scripts\');
之后

wp_editor(\'\',\'unique_id\');
操作“admin\\u print\\u footer\\u scripts”为编辑器加载所需的文件。在弹出窗口中，此操作不起作用，因为在管理面板中is\\u admin（）为false（请参阅wp includes/class-wp-editor.php function editor\\u settings）。可能是个bug。

结束
标签： ajax   tinymce   wp-editor   小码农  

相关推荐

将链接替换为表单以将变量传递给javascript/ajax

我通过一个链接向javascript/ajax发送一个变量，但我想通过一个表单发送，这样我也可以传递用户输入。（这是一个插件，它与Echonest混音python脚本交互以创建音频编辑）。简短的问题是，我如何在WP ajax javascript中接收此内容：<form id=\"receive_me\" method=\"POST\"> Username: <input type=\"text\" name=\"user_variable\"> <input