CKEditor 4：未捕获TypeError：无法读取null的属性'langEntries'

Question

我正在使用Ruby gem for CK Editor（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
};

我正在尝试使用这个简单上传插件，它有一大堆语言。我的目录结构是这样的：

以下是针对此错误的CK编辑器的文档：

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

我的所有插件的语言文件格式正确，因此很难找到问题所在。

非常感谢任何有关解决此问题的帮助

编辑：这是英文lang文件 -

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'
});

Answer 1

问题来自rails编译资产的方式。它生成一个大的js文件，如果你的plugin.js代码没有在/ lang中的文件之前加载它会抛出一个错误并停止执行rails big 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 .

Answer 2

从application.js

中删除以下行

// = require_tree ./ckeditor

Answer 3

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

//= require ckeditor-jquery

并确保语言值如下：

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