CKEditor 4：未捕获类型错误：无法读取null的'langEntries'属性

Question

我正在使用Ruby的CK Editor gem（https://github.com/galetahub/ckeditor），但是我遇到了以下错误：

Uncaught TypeError: Cannot read property 'langEntries' of null

以下是代码中发生此问题的位置：

CKEDITOR.plugins.load = CKEDITOR.tools.override(CKEDITOR.plugins.load, function (a) {
var d = {};
return function (b, c, e) {
    var i = {},
        g = function (b) {
            a.call(this, b, function (a) {
                CKEDITOR.tools.extend(i, a);
                var b = [],
                    l;
                for (l in a) {
                    var s = a[l],
                        q = s && s.requires;
                    if (!d[l]) {
                        if (s.icons)
                            for (var u = s.icons.split(","), f = u.length; f--;) CKEDITOR.skin.addIcon(u[f], s.path + "icons/" + (CKEDITOR.env.hidpi && s.hidpi ? "hidpi/" : "") + u[f] + ".png");
                        d[l] = 1
                    }
                    if (q) {
                        q.split && (q = q.split(","));
                        for (s = 0; s < q.length; s++) i[q[s]] || b.push(q[s])
                    }
                }
                if (b.length) g.call(this,
                    b);
                else { *ERRORING HERE*
                    for (l in i) {
                        s = i[l];
                        if (s.onLoad && !s.onLoad._called) {
                            s.onLoad() === false && delete i[l];
                            s.onLoad._called = 1
                        }
                    }
                    c && c.call(e || window, i)
                }
            }, this)
        };
    g.call(this, b)
}
});
CKEDITOR.plugins.setLang = function (a, d, b) {
var c = this.get(a),
    a = c.langEntries || (c.langEntries = {}),
    c = c.lang || (c.lang = []);
c.split && (c = c.split(","));
CKEDITOR.tools.indexOf(c, d) == -1 && c.push(d);
a[d] = b
};
CKEDITOR.ui = function (a) {
 if (a.ui) return a.ui;
this.items = {};
this.instances = {};
this.editor = a;
this._ = {
    handlers: {}
};
return this
};

我正在尝试使用这个Simple Uploads插件，它有很多种语言。我的目录结构如下： 以下是CK Editor关于此错误的文档：

http://docs.ckeditor.com/#!/api/CKEDITOR.plugins-method-setLang

我的所有插件语言文件都已正确格式化，所以我在努力找到问题所在。 如有任何帮助解决此问题将不胜感激。

编辑：以下是英文语言文件-

CKEDITOR.plugins.setLang( 'simpleuploads', 'en',
{
    // Tooltip for the "add file" toolbar button
    addFile : 'Add a file',
    // Tooltip for the "add image" toolbar button
    addImage: 'Add an image',

    // Shown after the data has been sent to the server and we're waiting for the response
    processing: 'Processing...',

    // File size is over config.simpleuploads_maxFileSize OR the server returns HTTP status 413
    fileTooBig : 'The file is too big, please use a smaller one.',

    // The extension matches one of the blacklisted ones in config.simpleuploads_invalidExtensions
    invalidExtension : 'Invalid file type, please use only valid files.',

    // The extension isn't included in config.simpleuploads_acceptedExtensions
    nonAcceptedExtension: 'The file type is not valid, please use only valid files:\r\n%0',

    // The file isn't an accepted type for images
    nonImageExtension: 'You must select an image',

    // The width of the image is over the allowed maximum
    imageTooWide: 'The image is too wide',

    // The height of the image is over the allowed maximum
    imageTooTall: 'The image is too tall'
});

- Ryan Drake

---

话虽如此 - 看起来可能引发问题的唯一LOC是唯一带有LangEntries的LOC...因此，堆栈跟踪不太可能给我们带来更多信息。但它可以确定调用所有这些的您代码部分...从而让您找出没有正确设置的内容。 - Taryn East

降低日志级别以便在堆栈跟踪中获取更多数据？查找如何确保完整的堆栈跟踪进入日志？ - Taryn East

请发布 ckeditor/plugins/simpleuploads/lang/*.js 的内容。 - oleq

@Mavis IT WORKS！天哪，非常感谢你。 - Ryan Drake

@Mavis 把这个作为答案加上，这样就可以关闭了吗？ - Joel Peltonen

Answer 1

问题来自于rails编译assets的方式。它会生成一个大的js文件，如果你的plugin.js代码没有在/lang目录下的文件之前加载，就会抛出错误并停止rails生成的大js文件的执行。这意味着，如果错误发生后还有其他js代码，它也将不会被执行。以下是帮助我解决问题的方法：

//= require ckeditor/init
//= require ckeditor/config
//= require ckeditor/plugins/YOUR_PLUGIN/plugin    // plugin.js in folder
//= require ckeditor/plugins/YOUR_PLUGIN/lang/en   // en.js in folder
//= require_directory .

- Radi Totev

Answer 2

从application.js中移除以下行：

// = require_tree ./ckeditor

- Mavis

---

请注意：我不得不移除 //= require_tree . 因为 ckeditor 目录是在 . 下面的。我将所有自定义脚本移动到了 app 目录下，并用 //= require_tree ./app 替换了原有的 require_tree 调用。 - calas

Answer 3

如果您正在使用ckeditor-rails，请在app/assets/javascripts/application.js中添加：

//= require ckeditor-jquery

并确保语言值如下所示：

config.language = 'en';
config.language_list = [ 'en:English', 'es:Spanish' ];

- Fran Martinez