jquery - TinyMCE - 附加到通过 AJAX 调用加载的 div

Question

我知道之前已经有人问过这个问题，但我正在尝试通过 jQuery (AJAX) 加载一些附加到 tinymce 实例的 div。

在AJAX加载的页面中，有几个tinymce div，它们是由PHP循环创建的；

<div id="editable_ID1"><p>Some text</p></div>
<div id="editable_ID2"><p>Some more text</p></div>

tinymce.init({
        selector: "#editable_ID1",
..............
});

tinymce.init({
        selector: "#editable_ID2",

..............
});

ID1 和 ID2 通过 PHP 循环从数据库动态获取。

我的问题是，我似乎无法加载tinymce并将其附加到这些div元素。

我见过:

tinyMCE.execCommand('mceAddControl', true, 'id');

但是，这似乎并没有将tinymce附加到元素

谢谢

jQuery(文档).ready(function () {

var child = jQuery(this).attr('data-id');

 $.ajax({  
  type: "POST",                                    
  url: '<?php echo url_for('@load_template_from_nav') ?>',
  data: "template_id="+child,                        

  success: function(data)          
  {
    // replace ajax page content
    $('.template-editor-item-replace').html(data);
    tinyMCE.execCommand('mceAddControl', true, 'editable_1');

  } 

 });

});

Answer 1

您需要显式调用 ID。使用

tinyMCE.execCommand('mceAddControl', true, 'editable_ID1'); // additionaly editable_ID2