如何使用jquery將HTML加載到TinyMCE textarea

我有一個使用TinyMCE作爲所見即所得的textarea。一旦這個textarea被加載，我想要的是，點擊一個按鈕「編輯」一些HTML代碼，我帶着AJAX jquery加載在該textarea。如何使用jquery將HTML加載到TinyMCE textarea

我想插入這個HTML代碼<p>hello</p>

原textarea的源

<textarea name="corpo" id="input_corpo">Text Here</textarea>

jQuery腳本帶來的HTML。通過這種方式，僅更新textarea的（這是隱藏的，而TinyMCE的是在行動）

$.get("hello.html", 
     function(content){ $("#input_corpo").text(content);}); 
    return false;});

既不用這種方式下面它的工作原理。我嘗試更新生成TinyMCE的iframe主體

$.get("hello.html", 
    function(content){ $("body#tinymce").text(content);}); 
return false;});

我該怎麼辦？

2009-10-17 user191687

您可以與setContent功能嘗試：

$.get("hello.html", function(content) { 
    // if you have one tinyMCE box on the page: 
    tinyMCE.activeEditor.setContent(content); 
});

甚至更短：

$.get("hello.html", tinyMCE.activeEditor.setContent);

2009-10-17 15:32:25

謝謝你，這正是我正在尋找的。 – user191687 2009-10-18 17:30:15

如果頁面中有多個編輯器，該怎麼辦 – mrN 2011-04-05 14:26:51

感謝Darin，答案仍然很活躍！ – 2012-02-13 11:29:33

將TinyMCE的jQuery的版本使用jQuery插件，你可以使用這個

$.get("hello.html", function(content) { 
    $('#input-corpo').html(content); 
});

2011-08-23 02:43:41

回答