联机文本编辑器无法使用我的javascript代码

联机文本编辑器无法使用我的javascript代码,javascript,textarea,Javascript,Textarea,我有一个在线文本编辑器“CKEditor”,通过引用它来工作,并为我希望编辑器使用的textarea创建一个特定的类名“CKEditor”。该编辑器与textarea配合良好,但一旦我添加了textarea by java script函数,它将显示没有编辑器的textarea,以下是java脚本代码: <script src="https://cdn.ckeditor.com/4.6.2/standard/ckeditor.js"></script> <scrip

我有一个在线文本编辑器“CKEditor”,通过引用它来工作,并为我希望编辑器使用的textarea创建一个特定的类名“CKEditor”。该编辑器与textarea配合良好,但一旦我添加了textarea by java script函数,它将显示没有编辑器的textarea,以下是java脚本代码:

<script src="https://cdn.ckeditor.com/4.6.2/standard/ckeditor.js"></script>
<script>
function myFunction(){
    var target = document.getElementById("target"); 
    target.innerHTML = '<textarea name="editor1" class="ckeditor"></textarea>';
}
</script>

函数myFunction(){
var target=document.getElementById(“目标”);
target.innerHTML='';
}
这是html代码:

<!--the editor works with this textarea-->
<textarea name="editor1" class="ckeditor"></textarea>

<button onClick="myFunction()">runFunction</button>
<!--the div I want java script to place the editor by clicking the above button-->
<div id="target">some text</div>

运行函数
一些文本
有解决方案吗?

来自:

其中
editor1
是文档中文本区域的ID


因此,给textarea一个ID,然后在将其添加到文档中后调用该函数。

因为ckeditor不知道您添加了元素,您需要告诉它您添加了元素。Quentin谢谢,我尝试添加了ckeditor.replace()方法,但它仍然不起作用,或者它应该只使用下面的类名,如果你能为我写代码。你能不能对答案不发表评论??您是否已将id添加到元素中?设置innerHTML后是否调用了该行?我几乎尝试了所有方法,但对我来说根本不起作用,可能是我编写了错误的语法或其他东西,我不知道,有没有类似的方法来实现此代码。
target.innerHTML=''
Use the CKEDITOR.replace() method to replace the existing <textarea> element with CKEditor.
CKEDITOR.replace( 'editor1' )