使用jQuery通過ajax請求加載TinyMCE

我正在使用jQuery ajax函數從另一個文件動態加載內容。我想以這種方式將TinyMCE編輯器添加到我的頁面。鏈接到tiny_mce.js文件和編輯器初始化腳本應包含在動態加載的文件中。問題在於它不適合我。使用jQuery通過ajax請求加載TinyMCE

這裏是我所想要做的簡單的例子：http://www.darrarski.pl/TinyMCE_ajax/index.html

這裏是通過AJAX加載文件：http://www.darrarski.pl/TinyMCE_ajax/editor.html

如果直接在瀏覽器中打開第二個文件，TinyMCE的編輯器沒有問題的工作。

使用Firebug控制檯，您可以看到tiny_mce.js正在成功加載。我還添加了console.debug（）幾個地方，所以你可以看到，來自ajax加載文件（editor.html）的腳本正在被正確執行並且沒有錯誤。第二個文件中的jQuery庫的鏈接僅包含在測試的原因中（所以在您直接在瀏覽器中訪問此文件時它將起作用），而且在通過ajax加載編輯器時不需要。

請幫我解決這個問題。

更新：我發現了另一個所見即所得的編輯器，即工作的方式我想，但它沒有很好的記載，我害怕使用它，因爲缺乏那種TinyMCE有選擇的。但也許這將幫助別人帶標記TinyMCE的ajax的初始化可能：

http://www.darrarski.pl/elRTE_ajax/index.html

無論如何，這正是行爲我想用TinyMCE的實現。

來源

2010-11-20 Darrarski

這裏的問題是，您不是將html元素加載到名爲「content」的div中，而是整個頁面。這不起作用。你需要做的只是插入一個html元素。

我曾與你的代碼，當你editor.html包含以下工作原理：

<textarea cols="50" rows="5" id="editor" name="editor">test content</textarea> 
<script type="text/javascript"> 
     tinyMCE.init({ 
      mode : "textareas", 
      theme : "advanced" 
     }); 
</script>

來源

2010-11-22 08:36:13 Thariama

謝謝，終於得到工作。但有沒有辦法通過ajax從editor.html文件加載tiny_mce.js？這就是我想要使用它的方式。 – Darrarski 2010-11-23 14:00:31

是的，這是可能的，但你將不得不評估主頁上的腳本，以使其工作，我認爲 – Thariama 2010-11-23 14:07:33

使用jQuery通過ajax請求加載TinyMCE

回答

相關問題