TinyMCE编辑器:Uncaught TypeError:无法设置null的属性'isMSIE'

时间:2013-02-16 04:41:23

标签: javascript tinymce

我正在使用TinyMCE(v3.5.8)并将iBrowser插件(v1.4.5)与Codeigniter 2.1.3集成,我收到了JavaScript错误Uncaught TypeError: Cannot set property 'isMSIE' of null 请帮我解决这个问题。 感谢。

修改

iBrowser插件出错。

我从下载的文件中没有改变任何内容。

iBrowser插件文件夹中的editor_plugin.js发生错误。

iBrowser插件网址:http://seoroot.com/blog/computing/programming/tinymce-ibrowser-plugin.html

editor_plugin.js包含以下代码。

ib = null;

(function() {
    tinymce.create('tinymce.plugins.IBrowserPlugin', {
        init : function(ed, url) {
            // load common script
            tinymce.ScriptLoader.load(url + '/interface/common.js');

            // Register commands
            ed.addCommand('mceIBrowser', function() {
                var e = ed.selection.getNode();

                // Internal image object like a flash placeholder
                if (ed.dom.getAttrib(ed.selection.getNode(), 'class').indexOf('mceItem') != -1) {return}

                ib.isMSIE  = tinymce.isIE;
                ib.isGecko = tinymce.isGecko;
                ib.isWebKit= tinymce.isWebKit;
                ib.oEditor = ed; 
                ib.editor  = ed;
                ib.selectedElement = e;                 
                ib.baseURL = url + '/ibrowser.php'; 
                iBrowser_open();
            });

            // Register buttons
            ed.addButton('ibrowser', {
                title : 'iBrowser',
                cmd :   'mceIBrowser',
                image:  url + '/interface/images/tinyMCE/ibrowser.gif'
            });

            // Add a node change handler, selects the button in the UI when a image is selected
            ed.onNodeChange.add(function(ed, cm, n) {
                cm.setActive('ibrowser', n.nodeName == 'IMG');
            });
        },

        getInfo : function() {
            return {
                longname :  'iBrowser',
                author :    'net4visions.com',
                authorurl : 'http://net4visions.com',
                infourl :   'http://net4visions.com/ibrowser.html',
                version :   '1.4.0'
            };
        }
    });

    // Register plugin
    tinymce.PluginManager.add('ibrowser', tinymce.plugins.IBrowserPlugin);

})();

对不起。这是一个很长的代码。

注意: TinyMCE运行良好,但此插件有一些错误。

2 个答案:

答案 0 :(得分:2)

罪魁祸首是代码的第一行:

ib = null;

null无法作为对象访问。如你所见,这将抛出一个TypeError。我认为,修正是将此行更改为:

ib = {};

这样它就是一个对象,可以设置isMSIE属性。

然而,我有点疑惑为什么这被明确地设置为null。我会尝试更改这行代码,看看是否会破坏某些内容,因为ib最初可能是空的原因。

答案 1 :(得分:1)

在文件editor_plugin.js(位于ibrowser root插件文件夹中)注释掉了这一行:

tinymce.ScriptLoader.load(url + '/interface/common.js');

并添加此

$.getScript(url+'/interface/common.js');

同样对editor_plugin_src.js也这样做。

应该修复。 @PhpMyCoder的修复也会起作用。 :)