CKEditor选项startupMode导致js错误

时间:2012-08-03 13:37:04

标签: javascript ckeditor

我试图在几个小时内找出这段代码有什么问题。双击divs后,CKEditor正确打开,按下按钮后它会正确隐藏。但是再次点击div之后它又不想再打开然后firebug在ckeditor.js 的第86行中返回错误“p is null”。

最后,当我关闭选项“startupMode:'source'”时,问题就消失了。有谁知道这种行为是由什么引起的?这是CKEditor中的错误还是我做错了什么。 我使用的CKEditor版本是3.6.4。 在此先感谢您的帮助!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="js/admin/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="ckeditor/ckeditor.js"></script>
</head>

<body>
<h2>Vars</h2> 

<table>
    <tbody>
        <tr>
            <td>Cell no 1.1</td>
            <td><div class="editable" id="cell1">Cell no 1.2</div></td>
        </tr>
        <tr>
            <td>Cell no 2.1</td>
            <td><div class="editable" id="cell2">Cell no 2.2</div></td>
        </tr>
    </tbody>
</table>
<input type="submit" id="submit" value="Close"/>

<script type="text/javascript">

editor = false; 

function destroy_cke() {
    if (editor) {
        editor.updateElement();
        editor.destroy();
    }
}

function replace_div(div) {
    destroy_cke();
    editor = CKEDITOR.replace(div,{
        startupMode: 'source',
    });
}
$(document).ready (function() { 
    $('.editable').dblclick(function(e) {
        e.stopPropagation();
        var element = e.target || e.srcElement;
        while (element.nodeName.toLowerCase() != 'html' && (element.nodeName.toLowerCase() != 'div' || element.className.indexOf('editable') == -1 )) element = element.parentNode;
        replace_div(element);
    });

    $('#submit').click(function(){
        destroy_cke();
    });
});
</script>
</body>
</html>

1 个答案:

答案 0 :(得分:0)

http://cksource.com/forums/viewtopic.php?f=11&t=26734&p=67792#p67792

回答

destroy_cke功能未清除editor变量。