Datatables 在数据表的子行中添加TinyMCE编辑器

我想知道TinyMCE是否能在儿童区工作。在我的例子中，每一行都有一个子行，我想在每一个子行中添加一个TinyMCE编辑器

问题是，如屏幕截图所示，当显示子行时，TinyMCE不起作用，我只能看到一个文本区域，没有TinyMCE图标、工具栏等。我简化了相关代码并附在下面：

<script type="text/javascript">
  tinymce.init({
  selector: '#email_editor',
  statusbar: false,
  menubar: false,
  theme: 'modern',
  plugins: "advlist lists image textcolor code paste",
  height: 150,
  toolbar: 'formatselect outdent indent bold italic strikethrough | 
  forecolor backcolor |
  alignleft aligncenter alignright | numlist bullist'
  });
</script>

$('#labmeetingrecord tbody').on('click', 'td.edit_button', function ()    {
  var tr = $(this).closest('tr');
  var row = table.row( tr );
  if ( row.child.isShown() ) {
  row.child.hide();
  tr.removeClass('shown');
  }
  else {
  row.child(format()).show(); //format(row.data())
  $(row.child()).addClass('smalltable');
  tr.addClass('shown');
  }
});

function format ( ) {
return
  '<table width:100%  cellpadding="0" cellspacing="0" id="child_table" 
  border="0">' +
  '<tr>'+
  '<td>'+
  '<textarea id="email_editor"></textarea>'+
  '</td>'+
  '</tr>'+
  '</table>';

tinymce.init({
选择器：“#电子邮件编辑器”，
状态栏：false，
梅努巴：错，
主题:"现代",，
插件：“advlist列出图像文本颜色代码粘贴”，
身高：150，
工具栏：“格式选择凸出缩进粗体斜体删除线”
前景色背景色|
左对齐居中对齐右| numlist bullist'
});
$（'labmeetingrecord tbody'）。在（'click'，'td.edit_button'，函数（）{
var tr=$（this.nexist（'tr'）；
var行=表.行（tr）；
if（row.child.isShown（））{
row.child.hide（）；
tr.removeClass（“显示”）；
}
否则{
row.child（format（））.show（）；//format（row.data（））
$（row.child（））.addClass（'smalltable'）；
tr.addClass（“显示”）；
}
});
函数格式（）{
返回
'' +
''+
''+
''+
''+
''+
'';

最后它工作了，我附加了快照。

---

我注意到两件事

1-您似乎正在插入带有硬编码ID的

textarea

。ID在页面中应该是唯一的，因此如果您要多次运行格式代码，您将遇到问题

---

2-您需要运行

tinymce.init（{}）

将HTML添加到页面后。您上面的代码似乎运行了

init

方法，但它与将HTML插入页面无关。在

textarea

成为DOM的一部分之前，您不希望运行

init

。

有效！您的建议都很重要，没有它就无法工作两个中的任何一个！谢谢！