TinyMCE textarea无法编辑

Question

这是问题所在.在我的php提交页面中,我有一个包含多个字段的表单,包括当前正在使用TinyMCE的textarea,我还有一个复制现有表单的选项.问题是我无法编辑重复的第二个编辑器,但编辑器出现在textarea的地方.但是我可以编辑并保存第一个编辑器.我不确定它是一个错误还是我做错了什么？我试图更新TinyMCE但是没有用..任何想法？

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();
});

});

Answer 1

我似乎无法开始.clone()工作，调试控制台中也没有任何内容。但是，我的工作解决方案如下，也许这有帮助？

\n\n

initTinyMCE();\n\n$("#append").live("click", function() {\n    var ta_count = $("textarea").length;\n\n    var elem = document.createElement("textarea");\n    $(elem).attr("id", ta_count.toString());\n    $(elem).appendTo("#ta_container");\n\n    initTinyMCE();\n});\n\nfunction initTinyMCE() {\n    tinyMCE.init({\n        mode: "textareas",\n        theme: "simple",\n        theme_advanced_path: false\n    });\n}\xe2\x80\x8b\n

\n\n

我只是.clone()创建一个新元素并将textarea其附加到容器（使用页面上所有文本区域的计数作为它的 ID 以使其唯一），而不是 ing 该元素，然后重新调用tinyMCE 初始化程序。

\n\n

示例 jsFiddle

\n