Question

今天我被分配了一个工作，我有一个输入文本，如果有人点击它，那么它将用一个启用了ckeditor的textaread替换它。我已经使用textarea启用了ckeditor但是当我试图用ckeditor启用textarea替换div时，它只是向我显示一个简单的textarea而不是启用了ckeditor.Below是它的编码： -

<script type="text/javascript">
function myJDFunction1()
{
document.getElementById("Hide1").innerHTML='<textarea class="ckeditor" id="typingarea2" name="typingarea2"></textarea>';
}

</script>



<div id="Hide1">
    <textarea name="Answer1" onclick="myJDFunction1()"></textarea>
</div>

Answer 1

你必须致电

CKEDITOR.replace( 'typingarea2' );

因为只有在加载页面时才会自动（按类）创建编辑器实例。

另一种更好的方法是：

function myJDFunction1() {
    CKEDITOR.appendTo( 'Hide1' );
}

<div id="Hide1" onclick="myJDFunction1()">&nbsp;</div>

Answer 2

尝试使用jquery插件adater来调用CKEDITOR Jquery Plugin for CKEDITOR

导入jquery javascript文件。
导入jquery ckeditor适配器“/ckeditor/adapters/jquery.js”。
将您的CKEDITOR绑定到DOM元素。
```
 $('#Hide1').ckeditor();
```

Answer 3

<a href="#" id="Hide1" onclick='document.getElementById("Hide1").innerHTML=
"<textarea class=ckeditor id=typingarea2 name=typingarea2></textarea>"'>text editor</a>

在将其放入innerHTML以用Ckeditor textarea替换div之后，Ck编辑器无法正常工作

3 个答案: