使用TinyMCE使用jQuery replaceWith()将div更改为textarea

Question

我想用tinyMCE编辑器使用jQuery replaceWith()修改一些文本，replaceWith()函数本身没有问题，但是我不知道如何将tinyMCE编辑器实现到新的textarea。

<div id="div">Some text</div>

单击“编辑”按钮时，将更改为

<textarea id="new">Some text</textarea> (with tinyMCE editor)

我试了两种方法，

1.更换前的Init选择器-不工作的

tinymce.init({
    selector: "#input_insertComment",

2. -使用tinymce实例(？)-不工作

$('#div').replaceWith("<textarea id=new>some text</textarea>");
tinymce.initMCEexact("#new");

两个编辑器都没有实现。我怎么能这么做？

(在同一页上，我为另一个文本区域提供了tinymce编辑器。)

Answer 1

当您调用tinymce.init()时，它只会影响在调用init()时存在于DOM中的项。如果稍后要向页面添加元素，则init()调用将不会用TinyMCE替换它们。

你想要的序列是..。

1. 将文本区域添加到DOM中
2. 调用tinymce.init()并使用init中的selector选项针对您刚刚添加到页面的文本区域。

我不知道tinymce.initMCEexact()是一个实际的API调用，它曾经是TinyMCE的一部分--它肯定不是TinyMCE 4的一部分。