动态显示tinymce textarea

Question

我有一个下拉列表，当进行选择时，将使用 ajax 在表单中插入一堆元素到 DOM，在这个表单中，我有我希望成为 TinyMCE 文本区域的文本区域。

我的 HTML 头部中有这个：

<script type="text/javascript">
    tinymce.init({
        selector: "textarea"

     });
</script>

这是我用来添加一堆元素的 ajax 函数，这是我需要的。

function getSecFacility(facsecid, facid) {

    $("#new_section_form").hide();

    $.ajax({
    type: "POST",
    url:  "facility_section_information.php",
    data: 'facility_section_id='+facsecid+'&facility_id='+facid,

    success: function(data){
            $("#selected_fac_section").html(data);
    }
   });
   //loadTinyMCEEditor();
};

我的页面上有其他文本区域不是由 ajax 插入的，它们显示为 WYSIWYG 编辑器没问题，问题是当我添加新元素时。

我检查了其他几个问题，试图找到“答案”，但没有任何效果。

我试图创建一个名为 loadTinyMCEEditor() 的函数，我在调用 ajax 之后在我的 getSecFacility() 函数中调用它。在这个函数中，我试图为这些新添加的文本区域重新初始化 tinyMCE。

loadTinyMCEEditor() 看起来像这样：

function loadTinyMCEEditor() {
    tinyMCE.init({
            selector: "textarea"
      });
    tinyMCE.execCommand('mceAddControl', false, 'test'); //test is the class name I gave this textarea
    //tinyMCE.execCommand('mceAddControl', true, 'test'); //tried setting the bool to true..even tried without these lines
}

无论我尝试什么，我似乎都无法让它与新插入的 textareas 一起工作，我怎样才能让这些 textareas 成为 TinyMCE textareas？

编辑

从下拉列表中进行选择后，我现在可以查看新添加的文本区域的编辑器。但是，这仅适用一次，如果我进行第二次选择，则新的 textareas 仅显示为纯 textareas。这是我在 ajax 函数中所做的更改：

function getFacSecFacility(facsecid, facid) {

    $("#new_section_form").hide();

    $.ajax({
    type: "POST",
    url:  "facility_section_information.php",
    data: 'facility_section_id='+facsecid+'&facility_id='+facid,

    success: function(data){
            $("#selected_fac_section").html(data);
            loadTinyMCEEditor();
    }
   });
};


function loadTinyMCEEditor() {
    tinymce.init({
        selector: "textarea"
    });
}

所以在我做出选择后，这个 ajax 函数将运行并显示新的 textareas + 其他表单信息，并且我重新初始化了 tinymce 编辑器，但由于某种原因，这只能工作一次。

我应该更改/做什么，以便可以从下拉列表中进行多项选择，以便每次新的 textareas 都显示为 tinymce textareas？

Answer 1

您需要使用传入的 ajax 内容调用 tinyMCE.activeEditor.setContent。在您的回调中尝试：

tinyMCE.activeEditor.setContent(data);

问候

Answer 2

如果您想将#selected_fac_section 转换为tinymce 编辑器，您应该在您的成功函数中调用tinymce 的init 函数。除非您另有定义，否则 Ajax 调用是异步的。因此，如果您尝试在 ajax 调用之外初始化 textarea，仍然不会有 textarea 可以用 tinymce 进行装饰，因为 ajax 调用尚未完成。这次使用选择器的 id 值，你应该很高兴。

我是用手机写的，所以在这里写代码很痛苦。对此感到抱歉。只是想在看到您对我的另一个答案发表评论后快速帮助您。早上第一件事会检查这个帖子，以确定您是否需要更多帮助。