2012-08-22 191 views
6

這是問題所在。在我的PHP提交頁面中,我有一個帶有多個字段的表單,其中包括一個當前正在使用TinyMCE的textarea,我也有一個用於複製現有表單的選項。事情是我不能編輯被複制的第二個編輯器,但編輯器出現在textarea的地方。不過,我可以編輯並保存第一個編輯器。我不確定它是一個錯誤還是隻是我做錯了什麼?我試圖更新TinyMCE,但沒有工作..任何想法?TinyMCE textarea無法編輯

function initTinyMCE() { 
    tinyMCE.init({ 
     mode : "textareas", //mode : "exact", elements : "mytextarea" 
     theme : "simple" 
    }); 
} 
initTinyMCE(); 


$(document).ready(function(){ 
    $('a#addmore').live('click', function(){ 

     //*clone the existing form and inserting form here* 
     initTinyMCE(); 
    }); 

    $('a#toSubmit').live('click', function() { 
     tinyMCE.triggerSave(); 
     $('.editwork-form').submit(); 
}); 

}); 
+0

你如何將第二個文本區域添加到頁面? –

+0

使用jquery .clone()和.append()我也把它命名爲textarea2 – zaw

回答

3

我似乎無法得到.clone()工作,調試控制檯也沒有。然而,我的工作解決方案如下,也許這有助於?

initTinyMCE(); 

$("#append").live("click", function() { 
    var ta_count = $("textarea").length; 

    var elem = document.createElement("textarea"); 
    $(elem).attr("id", ta_count.toString()); 
    $(elem).appendTo("#ta_container"); 

    initTinyMCE(); 
}); 

function initTinyMCE() { 
    tinyMCE.init({ 
     mode: "textareas", 
     theme: "simple", 
     theme_advanced_path: false 
    }); 
}​ 

代替.clone()荷蘭國際集團的元素,我只是創建一個新的textarea,並將它附加到容器(使用,因爲它的ID,使其獨特的網頁上的所有文字區域的計數),然後重新調用tinyMCE初始化程序。

Example jsFiddle

+0

看起來不錯我會測試出來謝謝你。 – zaw

+0

其工作使用.createElement!看起來像jquery .clone()有一些問題呢? – zaw

1

確保您的文字區域具有不同的ID,否則也不會有第二個編輯器實例!創建tinymce編輯器實例時,這是至關重要的。

相關問題