Hello,
I have come across a problem with the editor.
We have recently upgraded the telerik controls from V 2013 to V 2015.2.623.45.
After upgrade new version that some functionality are messed up.
Steps to reproduce the issue.
1 - Add below content HTML mode.
<html>
<head>
</head>
<body contenteditable="true">
T<span style="color: #00b050;">esting New Message twetw </span><span style="color: #00b050; background-color: #c4bd97;">werwrwerwrwrwrwrwrwrwrw<sup>rwerwrww<sub>rwrwrwrwrwr</sub></sup><sub>rwerwrewrwr</sub></span>
<p style="text-align: left;"><a name="Hello" href="http://www.bing.com" class="body">Hello</a><br />
<br />
</p>
<img src="https://www.google.co.in/images/srpr/logo11w.png" alt="bb" style="display: block; width: 78px; height: 116px; border: 9px solid #ff0000;" height="116px" width="78px" />
<p> </p>
<p> </p>
<p style="text-align: left;"> </p>
<p> </p>
<p><img alt="" src="https://www.google.co.in/images/srpr/logo11w.png" style="height: 74px; width: 371px;" height="100px" width="100px" /><br />
<br />
<br />
</p>
</body>
</html>
2 - Back to Design mode and set focus on Image
3 - Then go to HTML mode and back to Design mode.
4 - All content are selected on Design mode in Editor.
When move 3-4 time from Design to Html mode then getting script error "Uncaught TypeError: Cannot use 'in' operator to search for 'fontFamily' in undefined" as well.
This can easily be reproduced on your demo site as well(Chrome browser).
refer below link and find attached the image file for script error
http://screencast.com/t/Lb5FLNiBW5TZ
please give a quick reply with solution as this is blocker part of development.
Thanks.
5 Answers, 1 is accepted
Thank you for reporting this issue.
It is indeed a bug and I have logged it in our database for fixing. You can monitor the status via this feedback portal item—http://feedback.telerik.com/Project/108/Feedback/Details/164932.
As appreciation for the report, I have updated your Telerik points.
For the time being you can use a custom client-side function that ensures that there is always selected text in the editor:
<telerik:RadEditor runat="server" ID="RadEdior1" OnClientSelectionChange="OnClientSelectionChange"></telerik:RadEditor><script type="text/javascript"> function OnClientSelectionChange(editor, args) { if (!editor.getSelectedElement()) { editor.focusFirstText(); } }</script>Regards,
Ianko
Telerik
Rank 1
Thanks Ianko for your reply, This solution works fine. "editor.focusFirstText()" function is set focus on first line of editor content which is fine but after that when i click enter key then nothing happen.I checked that enter key click event is fire but cursor in stick on first line.
Steps to reproduce the issue.
1 - In editor NewLineMode="Br".
2 - Add below content HTML mode.
<html><head> </head><body>test<br><br>test<br><br>test<br><br>test<br><br>test</body></html>
3 - Back to Design mode(Cursor is set on first line).Press enter key
Result : Cursor in stick instead of add <br> tag.
In above scenario Enter key works fine when press any other key before enter key.
Please suggest.
Thanks.
I tried to reproduce the described behavior, but to no avail. You can see the results on my end via this screencast—http://screencast.com/t/fvzmpYXX.
Regards,
Ianko
Telerik
Rank 1
Thanks Ianko for your reply.
As per your video when you move from HTML mode to design mode and again open HTML mode, That all <br> tags are closed as <br/> but in my case it always <br> which is default behavior of current Telerik verison.
So might be this is the cause of issue.
Please suggest that how we fix this.
Thanks.
Check whether there is some configuration change regarding Content Filters. I suggest trying using the DefaultFilters option, or at least enable the ConvertToXhtml filter—RadEditor1.EnableFilter(EditorFilters.ConvertToXhtml).
Regards,
Ianko
Telerik