Question

我有一个在线文本编辑器“CKEditor”通过引用它并为textarea创建一个特定的类名“ckeditor”，我希望编辑器能够使用它，编辑器可以很好地处理textarea但是一旦我添加了textarea通过java脚本函数显示没有编辑器的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>

这是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>

任何解决方案？

Answer 1

来自the documentation：

Use the CKEDITOR.replace() method to replace the existing <textarea> element with CKEditor.

示例代码显示：

CKEDITOR.replace( 'editor1' )

其中editor1是文档中textarea的ID。

所以给textarea一个ID，然后在将它添加到文档后调用该函数。

在线文本编辑器无法使用我的javascript代码

1 个答案: