IE and Chrome generate different HTML with Editor

[venkknParticipant]

Editor in IE is used to edit the content, but the text formatting displays differently in IE and Firefox/Chrome.
The Editor is generating different HTML depending on which browser was used to edit, which seems to be leading to the discrepancy. Steps to Reproduce –
1.go to demo site
https://www.jqwidgets.com/jquery-widgets-demo/demos/jqxeditor/index.htm
2.Remove EVERYTHING
3.type some text and change Color to Red
4.click view source and copy the source.
5.Now switch to chrome, go to above url.
6.switch to view source, remove EVERYTHING and paste the source copied from IE.
7.toggle back editor and red color is missing.

in my steps I used some text and below is the code generated in IE which does not work in chrome.
<p><font color=”rgb(255,0,0)”>some text</font>
</p>

<font> Tag. Not Supported in HTML5.
rgb(x,x,x) Not supported in HTML5. we should be using hex value.
this is an issue.

when did the same in chrome, code generated is different.
<div><span style=”color: rgb(255, 0, 0);”>some text</span>
</div>

immediate assistance is much appreciated. Please let me know if there is any solution or work around.
we using jqxeditor v3.6.0, this is an issue on the demo it self version should not be the problem.

Regards,
Venkat.

[HristoParticipant]

Hello Venkat,

I tested this example and it seems to work fine.
We recommend using the latest version of jQWidgets: http://www.jqwidgets.com/download/

Best Regards,
Hristo Hristov

jQWidgets team
http://www.jqwidgets.com

[venkknParticipant]

Hi Hristo,

Its not working on the jsFiddle.
Steps:
open the link on IE http://jsfiddle.net/jqwidgets/kyf35/
now go to chrome and open the link, switch view source, remove default div and paste the code from IE.
its still losing the color and text switches to black.

Please try these steps to understand the issue. Also compare the source code generated in each browser.

Thanks,
Venkat.

[HristoParticipant]

Hello Venkat,

It is expected because the IE and Chrome have different support for its styles settings.
You could copy the style settings from Chrome to IE.

Best Regards,
Hristo Hristov

jQWidgets team
http://www.jqwidgets.com

[HristoParticipant]

[venkknParticipant]

Hi Hristo,

Thank you for your help. I presume your suggesting a work around. however, i’m not very clear on the solution. Can you please elaborate how can these styles be copied dynamically?

we have a situation, content creator creates content with different text colors and we can not expect all viewers to be using the same browser. when the content is created in IE and viewers use chrome, all the styles are lost since font tag is not supported any more on the other browsers.

I was going through all the topics, looks like its been reported earlier but i did not see any resolution.
https://www.jqwidgets.com/community/topic/bug-in-inline-editor/
https://www.jqwidgets.com/community/topic/inline-editor-text-color-with-firefox/

Regards,
Venkat.

[HristoParticipant]

Hello Venkat,

It is a complicated task that will spend a lot of time. You could contact with Sales Department (sales@jqwidgets.com) with your request.
We cannot warranty exact date. We created work items and we will discuss these issues but we cannot engage with deadlines.
You could check regularly our “Release History” page.

Best Regards,
Hristo Hristov

jQWidgets team
http://www.jqwidgets.com

[venkknParticipant]

Thank you Hristo. I will send a request to sales team.

[Author]

Posts