lid

tinyMCE Plugin icons not loading in IE10

TinyMCE is an online rich-text editor released as open-source software. It has the ability to convert HTML textarea fields or other HTML elements to editor instances. It is compatible with most browsers, including Google Chrome, Mozilla Firefox, Safari, Microsoft Edge, Internet Explorer, and Opera, across multiple operating systems.

TinyMCE Logo

TinyMCE is perfect for developers who want to see how the new version of TinyMCE integrates into their ecosystem. Download TinyMCE for free, the most advanced WYSIWYG HTML editor designed to simplify website content creation. It has many other configuration options available that enable further customization and extension of the editor to match the user’s requirements.

We can able to setup a TinyMCE via three ways. Such as,

We are used TinyMCE, the popular WYSIWIG (What you see is what you get) editor for few of our custom built ColdFusion CMS applications. We mainly use spellchecker, emotions, table, xhtmlxtras & imagemanager plugins in our tinyMCE instance based upon the client's requirement. One of our client was complaining that, plugin icons do not appear between the vertical lines in IE 10. When we tested we got the below result, see, third & fourth columns of tinyMCE toolbar is not loading the icons properly.

 

tinyMCE IE10 Plugin issue

 

We decided to see if we could come up with a solution to the problem of TinyMCE not loading plugin icons in Internet Explorer 10. Whenever we cleared the browser cache & run the webpage, tinyMCE is loading the icons properly.  So it was browser cache issue in IE10,  So we have added a random querystring value to the JS file include.

 

 

It is just a hack to reload the tinyMCE JS files from server instead of browser cache. Now it is working fine in all browsers & we have a happy customer.




lid