2012-08-22 144 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编辑器实例时,这是至关重要的。

相关问题