如何讓TinyMCE 4.x與動態添加的DIV一起工作？

我需要使用TinyMCE 4.x編輯多個DIV中的內容。這很好，除非我通過單擊按鈕（jQuery）動態添加更多的DIV。如何讓TinyMCE 4.x與動態添加的DIV一起工作？

新的DIV顯示在其他下方，但它不能一次編輯。保存文件並重新加載後，新的DIV也是可編輯的。

我看到所有現有的DIV都有一個id =「mce_nn」，其中nn是一個唯一的數字。此接縫由TinyMCE本身添加。

當我動態添加新的DIV時，他們沒有添加ID。但是，在保存文件並重新加載頁面後，它會添加一個ID。

有沒有辦法讓TinyMCE動態地讓我編輯新的DIV？（所有新的DIV有一個共同的類。）

這是我目前TinyMCE的初始化：

<script type="text/javascript"> 
tinymce.init({ 
    selector: "div.mydivsclass", 
    inline: true, 
theme: "modern", 
    width: "100%", 
    height: 300,

我感謝所有幫助:-)

來源

2014-10-09 Preben

我通過使該激活的功能這樣做新DIV的編輯：

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

，然後添加，因爲在我的「插入-A-新格」 - 函數的最後一個步驟）之一，ActivateTineMCE（：

ActivateTinyMCE()

然後我的插入函數爲新的DIV運行TinyMCE init，並且它工作正常。

來源

2014-11-03 21:02:05 Preben

我通過調用DIV的ActivateTinyMCE（）函數onclick來完成此操作，但內聯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"); 
     }); 
     } 
    }); 
}

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

來源

2017-03-29 11:33:56 user1688640

如何讓TinyMCE 4.x與動態添加的DIV一起工作？

回答

相關問題