動態創建tinymce編輯器

Question

我有一個包含許多選項卡的web應用程序，每個選項卡都包含一個textarea（用於放置tinymce編輯器）。在頁面底部還有一個表格網格，用戶可以在其中選擇不同的文檔「模型」。每個模型包含不同數量的選項卡（每個選項卡是文檔中的「標題」或主題）。 我第一次加載頁面時，所有的選項卡都被加載，並且tinymce編輯器也被渲染。但是當我點擊網格中的一個項目並加載了新的選項卡時，tinymce編輯器不再呈現。我的初始化函數是這樣的：

tinymce.init({ 
 
    mode: "specific_textareas", 
 
    editor_selector: "txt", 
 
    ... 
 
});

我所有的文字區域有這個類（TXT），他們都創造了之前的函數的執行，但由於某種原因編輯不被相應地創建。有人遇到類似的問題？

Answer 1

我找到了解決這個問題的方法，其中包括爲每個選項卡創建一個新的tinymce編輯器實例，然後使用「渲染」功能使其出現在屏幕上。我將以下代碼片段放在「for」循環中，該循環遍歷頁面上的所有選項卡：

var ed = new tinymce.Editor(id, { 
     mode: "specific_textareas", 
     editor_selector: "txt", 
     other_setting: "0" 
    }, tinymce.EditorManager); 

    ed.render();