动态创建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();