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

Question

I'm using TinyMCE (v3.5.8) and integrated iBrowser plugin (v1.4.5) with Codeigniter 2.1.3 and i'm getting the JavaScript error Uncaught TypeError: Cannot set property 'isMSIE' of null Please help me to solve this. Thanks.

EDIT

Error is in iBrowser plugin.

I didn't changed anything as from the downloaded file.

Error occurring in editor_plugin.js in iBrowser plugin folder.

iBrowser plugin url : http://seoroot.com/blog/computing/programming/tinymce-ibrowser-plugin.html

editor_plugin.js contains below code.

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

})();

Sorry. Its a long code.

NOTE : TinyMCE is working well but this plugin has some errors.

Answer 1

The culprit is the first line of the code:

ib = null;

null cannot be accessed as an object. That will throw a TypeError as you've seen. The fix, I assume, would be to change this line to:

ib = {};

That way it is an object and can have its isMSIE property set.

However, I'm a little puzzled why this was explicitly set to null . I'd try changing that line of code and seeing if that breaks something, because there possibly could've been a reason for ib to initially be null.

Answer 2

In the file editor_plugin.js (located in ibrowser root plugin folder) commented out the line:

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

and add this

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

Do the same for editor_plugin_src.js as well.

Should be fixed. The fix by @PhpMyCoder will work too. :)