Jquery 如何让TinyMCE 4.x使用动态添加的div？

我需要使用TinyMCE 4.x编辑多个div中的内容。除了通过单击按钮（jquery）动态添加更多div之外，这种方法工作得很好

新DIV显示在其他DIV的下方，但它不能立即编辑。保存并重新加载文件后，新DIV也可编辑

我看到所有现有的div都有一个id=“mce\u nn”，其中nn是唯一的数字。这将由TinyMCE自己添加

当我动态添加新div时，它们没有添加id。但是，在保存文件并重新加载页面后，它添加了一个id

有没有办法让TinyMCE动态编辑新的div？（所有新的div都有一个共同的类。）

这是我当前的TinyMCE初始化：

tinymce.init({
选择器：“div.mydivsclass”，
是的，
主题：“现代”，
宽度：“100%”，
身高：300，

---

感谢所有帮助：-）

我通过创建一个函数来激活新DIV的编辑器：

 <script type="text/javascript">
    function ActivateTinyMCE() {
        tinymce.init({
selector: "div.myclass",
inline: true, etc

---

然后，我的insert函数为新的DIV运行一个TinyMCE init，它运行得很好。

我通过调用ActivateTinyMCE（）实现了这一点函数onclick of DIV，但内联tinymce工具栏对我不起作用。tinymce编辑器实例已初始化，但工具栏不可见。我已通过在tinymce初始化时触发焦点事件解决了此问题，如下所示

<script type="text/javascript">
function ActivateTinyMCE() {
    tinymce.init({
         selector: "div.myclass",
         inline: true,
         ...,
         setup : function(editor) {
            editor.on('init', function() {
                editor._eventDispatcher.fire("focus");
         });
        }
    });
}

函数activateTynce（）{
tinymce.init({
选择器：“div.myclass”，
是的，
...,
设置：函数（编辑器）{
on（'init'，function（）{
编辑._eventDispatcher.fire（“焦点”）；
});
}
});
}

ActivateTinyMCE()

<script type="text/javascript">
function ActivateTinyMCE() {
    tinymce.init({
         selector: "div.myclass",
         inline: true,
         ...,
         setup : function(editor) {
            editor.on('init', function() {
                editor._eventDispatcher.fire("focus");
         });
        }
    });
}

<div class="myclass" onclick="ActivateTinyMCE()"/>