Javascript 将Tinymce附加到动态添加的div

我正在尝试将tinyMCE编辑器附加到动态添加的div。我使用以下代码：

$('#btnModAddChapter').bind('click', function(){

    // add dynamic div for editor
    var divEditor = "<div id='editor_2' class='editor'>";
    divEditor += "</div>";

    $('#cont').append(divEditor);

    tinyMCE.execCommand("mceAddControl", false, "editor_2");
});

$(document).on('mouseover', '.editor', function(){
    tinymce.init({
        selector: '.editor',
        theme: 'modern',
        menubar: 'edit insert view table tools',
        plugins: [
          'advlist autolink link image lists charmap print preview hr anchor pagebreak',
          'searchreplace wordcount visualblocks visualchars code fullscreen insertdatetime media nonbreaking',
          'save table contextmenu directionality template paste jbimages textcolor'
        ],
        toolbar1: 'fontselect | fontsizeselect | insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent',
        toolbar2: 'link image jbimages print preview media fullpage | forecolor backcolor emoticons paste',
        inline: true,
        statusbar: false,
        relative_urls: false,
        theme_advanced_toolbar_location : "bottom"
    });
})

第二种方法是有效的，但每当我将鼠标移到div元素上时，就会反复调用它。如果我遗漏了什么，请告诉我

---

谢谢

您可以通过在动态循环中添加TinyMCE启动代码来传递ID

或者可以使用jquery函数计算textarea和appid的数量