Javascript 使用jQuery replaceWith()将div更改为带有TinyMCE的textarea

Javascript 使用jQuery replaceWith()将div更改为带有TinyMCE的textarea,javascript,jquery,tinymce,Javascript,Jquery,Tinymce,我想使用jQuery replaceWith()用tinyMCE编辑器更改一些文本,replaceWith()函数本身没有问题,但我不知道如何将tinyMCE编辑器实现为新的textarea <div id="div">Some text</div> 2正在使用tinymce实例(?)-不工作 tinymce.init({ selector: "#input_insertComment", $('#div').replaceWith("<textarea

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

<div id="div">Some text</div>
2正在使用tinymce实例(?)-不工作

tinymce.init({
    selector: "#input_insertComment",
$('#div').replaceWith("<textarea id=new>some text</textarea>");
tinymce.initMCEexact("#new");
$('#div')。替换为(“一些文本”);
tinymce.initMCEexact(“新”);
这两个编辑器都没有实现。我该怎么做


(在同一页,我有另一个文本区域的tinymce编辑器。)

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

你想要的序列是

  • 将textarea添加到DOM中
  • 调用
    tinymce.init()
    
    我不知道
    tinymce.initMCEexact()
    作为一个实际的API调用曾经是tinymce的一部分-它肯定不是tinymce 4的一部分。

    这里有一个小提琴,展示了它是如何工作的:
    $('#div').replaceWith("<textarea id=new>some text</textarea>");
    tinymce.initMCEexact("#new");