Hi, I recently found this issue when I upgraded my IE 10 to IE 11.
None of the editor buttons are working in IE 11. They all work as expected in IE 10 and below, and other browsers.
When I debugged and saw, found the following code in infragistics.ui.htmleditor.js
_execCommand: function (name, args) { this._selectionWrapperSaved.focus(); this._selectionWrapperSaved.execCommand(name.toLowerCase(), args); this._onSelectionChange()
After some searching I found the following link quite helpful - Click here. It seems that execCommand() is not supported in IE11. Any idea how this can be fixed ?
Please provide me the solution ASAP. I am in a real hurry.
Here is a sample to illustrate execCommand() not working in IE 11.
Copy the following URL and open the same in chrome and IE11. It works perfectly in chrome.
"http://jsbin.com/iluXOGe/2/edit?html,output".
Here is a sample of how I am loading in my application. Its a MVC project -
<script src="@Url.Content("~/js/infra/infragistics.loader.js")" type="text/javascript" charset="UTF-8"></script> <script type="text/javascript">
$.ig.loader({ scriptPath: "@Url.Content("URL for infragistics js")", cssPath: "@Url.Content("URL for infragistics css")", resources: "igHtmlEditor" });
$.ig.loader(function () {
$("div[id^='Message']").each(function () { $('iframe').contents().find("head").append($("<style type='text/css'> body.non-translated-text { color: lightgray;} </style>")); $(this).igHtmlEditor({ inputName: $(this).attr('id'), width: "auto", height: "auto", showInsertObjectToolbar: false, showCopyPasteToolbar: false, showFormattingToolbar: false }); $(this).find("div[title='View Source']").hide(); $(this).find("div[id$='domPathToolbar']").hide(); $(this).igHtmlEditor("setContent", "Test message", "html");
});
I am using version 2013 volums 2.
Hello,
Thank you for reporting this!
Could you please let me know what is your exact product version? I am asking because we had a similar issue which is resolved now in the latest versions of 13.2, 14.1 and 14.2.
It is recommended to always use the latest version of our product. For example now the latest version is 13.2.20132.2417.
Looking forward to hearing from you.
I am using 13.2.20132.1010 version.
Hi Zdravko Kolev,
I am still facing the issue with 'A+' and 'A-' in IE 11.
IE does not support increaseFontSize and decreaseFontSize commands : Check This
Can you please confirm again ?
I have version 14.1.20141.1015 and I cannot get the toolbar paste button to work in IE or in Firefox. Is there a fix for this?
I am glad to hear that the main issue is resolved. About the increase/decrease buttons, I have tested them with this version of 13.2 under IE 11 (11.0.9600.17239) and everything works fine. In order to increase/decrease the font you will need to select the text that you want to manipulate.
Also as I see, scrollbars appeared when the font exceeded the control length.
Hi,
Thank you for the solution. Its working as expected now.
But I have few more concerns. The Font increase and decrease(A+ and A- buttons) buttons doesn't work in IE 11.
And can we add a scroll bar to the font face list ? Because the list items in the combo box gets truncated if it exceeds the html control length.
I could not find the 2417 version for download on your website. Could you please point me to that URL ?
Also what changes are part of this release ?