将Ck编辑器放入innerHTML并用Ckeditor textarea替换div后，它无法工作

Question

今天，我被分配了一项工作，我有一个输入文本，如果有人单击它，则它将替换为已启用ckeditor的textaread。 我已经用文本区域启用了ckeditor，但是当我尝试用启用ckeditor的文本区域替换div时，它只是向我展示了一个未启用ckeditor的简单文本区域。以下是其编码：-

<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插件

1. 导入jquery javascript文件。
2. 导入jquery ckeditor适配器“ /ckeditor/adapters/jquery.js”。

3. 将您的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>