2012-03-06 14 views
3

私はWordpress用のtinyMCEを使用しています。
AJAX経由でサーバからテキストを読み込む方法は?今まで
は私が持っている:AJAX経由でWordpress用のテキストをtinyMCEにロード

PHP:(...失敗している)

<?php echo the_editor($_POST ? $_POST['content'] : '', $id = 'content'); ?> 

のjavascript:

$("select[name='tpl']").live("change", function(e) { 
    var file = $(this).val(); 
    var loadUrl = varsJs.WORDPRESS_PLUGIN_URL + "/templates/" + file; 
    $.get(loadUrl, function(result) { 
     $("#content").val(result); 
    }); 
}); 

変数resultは、目的のテキストをロードされます。それに問題はない。しかし、このコンテンツをtinyMCEにどのように渡しますか?

答えて

2
if (typeof tinymce === "object"){ 
    $("select[name='tpl']").live("change", function(e) { 
     var file = $(this).val(); 
     var loadUrl = varsJs.WORDPRESS_PLUGIN_URL + "/templates/" + file; 
     $.get(loadUrl, function(result) { 
      tinymce.get("content").focus(); 
      tinymce.activeEditor.setContent(result); 
     }); 
    }); 
} 

注:varsJsphpからjavascriptにデータを渡すために使用wp_localize_script関数の2番目のパラメータです。この正確な問題では本当に必要はありませんが、それを知るには便利です。

0

場所 'コンテンツは' あなたのフィールド#ID

tinymce.init(tinyMCEPreInit.mceInit [ 'コンテンツ'])で、このコードを試してみてください。あなたが唯一のフィールド、あなたはAjaxのリクエストから受け取ったものを再初期化します

この方法とTinyMCEの一度も、現在のHTMLにロードされます。

も、AJAXコール

tinymce.activeEditor.save()を保存する前にこのコードを設定します。 //エディタインスタンスを取得

関連する問題