Ckeditor抛出错误,未捕获引用错误和未捕获类型错误,如何解决?

时间:2015-04-06 06:33:48

标签: jquery

我为ckeditor编写了一个jquery,它抛出了2个异常。 我还在脚本标记中包含了js文件。

未捕获的ReferenceError:未定义CKEDITOR ck_editor.js:15

未捕获的ReferenceError:未定义CKEDITOR jquery.js:5

form.html

<script src="js/ckeditor.js" type="text/javascript"></script>
<script type="text/javascript" src="js/adapters/jquery.js"></script>
<div align="right" class="ckeditor">
        <textarea id="ck_texteditor"></textarea>
</div>

ck_editor.js

$(document).ready(function(){
var config = {
        height : 280,
        width : 1000,
        fullPage : true,
        linkShowAdvancedTab : false,
        scayt_autoStartup : true,
        enterMode : Number(2),
        toolbar : [
                [ 'Styles','Bold', 'Italic', 'Underline', '-', 
                        'NumberedList',
                        'BulletedList', 'SpellChecker', '-', 'Undo',
                        'Redo', '-', 'SelectAll', 'NumberedList',
                        'BulletedList','FontSize' ], [ 'UIColor' ] ]
    };
/****line no 15 **/ $("#ck_texteditor").ckeditor(config);

});

第15行是错误发生的地方,谁能告诉我这是什么问题? 谢谢

1 个答案:

答案 0 :(得分:2)

您缺少添加 jQuery适配器 。 jQuery适配器存在于ckeditor / adapters / jquery.js

查看jsFiddle

  

什么是jQuery Adapter? - jQuery Adapter允许轻松使用基本CKEditor函数和访问内部API。 Read more

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="//cdn.ckeditor.com/4.4.7/standard-all/ckeditor.js"></script>
<script src="http://cdn.ckeditor.com/4.4.7/standard-all/adapters/jquery.js"></script>

<div align="right" class="ckeditor">
        <textarea id="ck_texteditor"></textarea>
</div>

的jQuery

$(document).ready(function(){
    var config = {
        height : 280,
        width : 1000,
        fullPage : true,
        linkShowAdvancedTab : false,
        scayt_autoStartup : true,
        enterMode : Number(2),
        toolbar : [
            ['Styles','Bold', 'Italic', 'Underline', '-', 
             'NumberedList',
             'BulletedList', 'SpellChecker', '-', 'Undo',
             'Redo', '-', 'SelectAll', 'NumberedList',
             'BulletedList','FontSize' ], [ 'UIColor' ] ]
    };
    $("#ck_texteditor").ckeditor(config);
});