jquery - 带 jQuery 插件的 TinyMCE 外部图像列表

Question

我尝试将外部图像列表与使用 MoxieCode 的 jQuery 插件初始化的 TinyMCE 编辑器一起使用，但我从 TinyMCE 本身收到错误。

这是初始化 TinyMCE 的代码:

$code_editors.tinymce({
                    script_url : '/js/tinymce/jscripts/tiny_mce/tiny_mce.js',
                    external_image_list_url : "/assets/mce_cache.js",
                    theme : "advanced",
                    content_css : "/css/style.css,http://fonts.googleapis.com/css?family=Stint+Ultra+Condensed",
                    height: '400px',
                    theme_advanced_toolbar_location : "top",
                    theme_advanced_toolbar_align : "left"
                });

这是我的图像列表的内容(此文件位于 /assets/mce_cache.js)

var tinyMCEImageList = new Array(
  ["2012-birkie-all.jpg", "/assets/Asset-00016_2012-birkie-all.jpg"],
  ["bike-part-bg-bottom-bracket.png", "/assets/Asset-00010_bike-part-bg-bottom-bracket.png"],
  ["bike-part-bg-chainrings.png", "/assets/Asset-00011_bike-part-bg-chainrings.png"],
  ["bike-part-bg-fork-red.png", "/assets/Asset-00015_bike-part-bg-fork-red.png"],
  ["bike-part-bg-fork.png", "/assets/Asset-00012_bike-part-bg-fork.png"],
  ["bike-part-bg-frame.png", "/assets/Asset-00013_bike-part-bg-frame.png"],
  ["bike-part-bg-saddle.png", "/assets/Asset-00014_bike-part-bg-saddle.png"],
  ["Purge Photo", "/assets/Asset-00022_ePurge-1.jpg"]
);

我收到的错误(在 Chrome 中)位于 editor_template.js:1 (TinyMCE 文件)中:

未捕获类型错误:对象 false 没有方法“indexOf”

有没有人有 TinyMCE 使用外部图像列表的经验，可能会看到我在这里做错了什么？

Answer 1

该错误位于 editor_template.js 未缩小版本的第 1402 行。导致问题的代码是:

if (ed.dom.getAttrib(ed.selection.getNode(), 'class').indexOf('mceItem') != -1)

getAttrib() 方法最多接受三个参数，第三个参数是指定属性不存在时返回的默认值。通过将代码更改为:

if (ed.dom.getAttrib(ed.selection.getNode(), 'class', '').indexOf('mceItem') != -1)

当没有类属性时，返回空字符串，而不是 false。这似乎已经解决了问题，我的图像列表现在可以正确加载。