php - Ck 编辑器在将其放入 innerHTML 以用 Ckeditor 文本区域替换 div 后无法工作

Question

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

<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

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

Answer 3

尝试使用 jquery plugin adater 调用 CKEDITOR Jquery Plugin for CKEDITOR

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

3. 将您的 CKEDITOR 绑定到 DOM 元素。

    $('#Hide1').ckeditor();