javascript - Tinymce 编辑器未在某些文本区域中显示

Question

我有一定的代码来根据选择的天数显示一些textarea，我需要所有这些文本区域作为编辑器。我已经给了类tinyMCE但是它不工作

如果我直接使用 html 代码，它就可以工作。我使用 jquery html() 来显示内容，但在使用它时，编辑器不显示

division +='<div class="form-group">Activity on '
           +btwn[i].getDate()+' '+month+
           '<div id="activity_div"><input type="hidden" name="hidden_date[]" value="'+btwn[i].getDate()+
           '"/><input type="hidden" name="hidden_day[]" value="'+month+
           '"/><label for="input-demo-a-1">Activity name</label><input type="text" id="test-text'+i+
           '" name="activity_name[]" style="width:99.5%;"/></br><label for="input-demo-a-1">Activity detail</label><textarea id="test2-text'+i+
           '" class="tinyMCE " name="activity_detail[]" style="width:99.5%;"></textarea></br><button  class="btn btn-success actvty" id="actvty-btn" data-toggle="modal" data-target="#long-modal'+i+
           '" rel="'+i+'">Load Activities<input type="hidden" name="n_days" value="'+d+
           '"/></div></div>'

division 是我正在使用的内容，并使用 $("#my_testing").html(division);

显示它

使用此方法时编辑器未显示，请帮助我

Answer 1

动态添加textarea后，您需要重新初始化tinymce，以便它将应用于新的textarea:

tinymce.init({selector:'.tinyMCE'});