无法将动态加载的teaxtarea转换为ckeditor [英] Cannot convert dynamically loaded teaxtarea into ckeditor

问题描述

点击链接后调用此get_content函数。

calling this get_content function after clicking a link.

function get_content(n)
{
    var hr=new XMLHttpRequest();
    var url="./updatecontent.php";
    var vars="id="+n;
    hr.open("POST",url,true);
    hr.setRequestHeader("Content-type","application/x-www-form-urlencoded");
    hr.onreadystatechange=function()
    {
        if(hr.readyState==4 && hr.status==200)
        {
            var return_data=hr.responseText;
            document.getElementById("content").innerHTML=return_data;
        }
    }
    hr.send(vars);
    document.getElementById("content").innerHTML='<img src="./img/loading.gif">';
}

<div id="content"></div>

以下是响应数据

<div id="text-editor" style="width:100%;">
<form action="" method="post">
<textarea class="ckeditor" name="editor1" id="txt1"></textarea>
<input type="submit" name="update" value="Update">
</form>
</div>
<script  src="./ckeditor/ckeditor.js"></script>

响应数据成功添加到div id =content

The response data is succefully added to div id="content"

到ckeditor的相对链接是正确的。但是textarea没有转换为CKeditor。
其中是错误？请帮助。

The relative link to ckeditor is correct.But the textarea is not converting into CKeditor. where is the mistake? please help.

推荐答案

在这种情况下，您需要调用 CKEDITOR.replace（'editor1'）

In this case you need to call CKEDITOR.replace('editor1') after content being changed.

因此，在您的情况下，它将是

So in your case it will be

function get_content(n)
{
    var hr=new XMLHttpRequest();
    var url="./updatecontent.php";
    var vars="id="+n;
    hr.open("POST",url,true);
    hr.setRequestHeader("Content-type","application/x-www-form-urlencoded");
    hr.onreadystatechange=function()
    {
        if(hr.readyState==4 && hr.status==200)
        {
            var return_data=hr.responseText;
            document.getElementById("content").innerHTML=return_data;
            CKEDITOR.replace('editor1'); // <-- add this line
        }
    }
    hr.send(vars);
    document.getElementById("content").innerHTML='<img src="./img/loading.gif">';
}

这篇关于无法将动态加载的teaxtarea转换为ckeditor的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！