動態創建tinyce編輯器

Question

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

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

我所有的textarea都具有此類（txt），並且它們都是在函數執行之前創建的，但是由於某些原因，並未相應地創建編輯器。 有人遇到過類似的問題嗎？

Answer 1

我找到了解決此問題的方法，該方法包括為每個選項卡創建一個新的tinymce編輯器實例，然后使用“渲染”功能使其顯示在屏幕上。 我將以下代碼段放入“ for”循環中，該循環遍歷頁面上的所有選項卡：

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

    ed.render();