使用 javascript 动态和 textarea 时，如何将其呈现为 tinyMCE 编辑器（在 wordpress 中）？答案

【问题标题】：When using javascript to dynamically and a textarea, how can I render it as a tinyMCE editor (in wordpress)?使用 javascript 动态和 textarea 时，如何将其呈现为 tinyMCE 编辑器（在 wordpress 中）？
【发布时间】：2014-07-31 19:07:00
【问题描述】：

我有一个插件，允许用户动态添加需要在其中包含 tinyMCE 编辑器的部分。 jQuery 克隆 div 并将其放入容器中。其中一个输入框是这样设置的文本区域：

<textarea name="sectionContent_1" id="sectionContent_1"></textarea>

我需要用 tinyMCE 编辑器替换 textarea。

我看过：

How to load wp_editor() through AJAX/jQuery 和 use wordpress wp_editor in dynamic/ajax html

这些似乎都不适合我们

我已经在调用添加 textarea 部分的触发器中尝试了这个：

$(this).parent().find('.sectionOptions').html(ctHolder);

var textAreaID = 'sectionContent_'+sectionID;

tinyMCE.execCommand('mceRemoveEditor', true, textAreaID);
tinyMCE.execCommand('mceAddControl', false, textAreaID);

在此，我将克隆数据 (ctHolder) 添加到 .sectionOptions 设置 textarea 的 ID，重置 ID 上的编辑器，然后将控件添加到 ID...这不起作用，但似乎成为最常见的建议。

【问题讨论】：

标签： jquery ajax wordpress tinymce

【解决方案1】：

这成功了：

var textAreaID = 'sectionContent_'+sectionID;           $(this).parent().find('.sectionOptions').html(ctHolder).ready(function(){
    tinyMCE.execCommand('mceAddEditor', false, textAreaID); 
});

Wordpress 3.9 使用的是 tinyMCE 4.x，因此“mceAddControl”已更改为“mceAddEditor”。另外，我将调用放在一个就绪函数中，这样 jquery 在将 textarea 加载到 dom 之前不会运行 tinyMCE。

【讨论】：