CKEditor 4:未捕获的TypeError:无法读取null的属性’langEntries’

我正在使用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

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

任何帮助解决这个问题将不胜感激

编辑:这是英文朗文件 –

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

问题来自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 . 

从application.js中删除以下行

 // = require_tree ./ckeditor 

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

 //= require ckeditor-jquery 

并确保语言值如下:

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