When the RenderMode property is set to Lightweight, File manager dialogs still load with Classic render mode, even when the <add key="Telerik.Web.UI.RenderMode" value="Lightweight" /> is set globally in the web.config:
<telerik:radeditor RenderMode="Lightweight" runat="server" id="mainRadEditor" EditModes="Design" >
<Tools>
<telerik:EditorToolGroup>
<telerik:EditorTool Name="ImageManager"/>
<telerik:EditorTool Name="DocumentManager"/>
</telerik:EditorToolGroup>
</Tools>
</telerik:radeditor>
This is causing rendering problems and some of the icons do not load.
1. Extract the attached word file.
2. Open it and copy the table content.
3. Go to https://demos.telerik.com/aspnet-ajax/editor/examples/cleaningwordformatting/defaultcs.aspx and paste it without stripping the Word formatting - everything will be fine.
4. Paste it again with stripping the Word formatting - you will see the problem - there is a ticker border around many of the cells:
If you paste the content without stripping the formatting and after that strip it with the FormatStripper the ticker border will not appear.
Hello Telerik Team,
This is regarding The SpellCheck functionality in the Telerik Editor. Basically whenever a user activates the the SpellCheck from the "✓abc" button, the page automatically scrolls based on the position of the word. This does not give a good user experience and makes it difficult to work on the page.
We have seen this issue in the demos you have on your site as well.
URL: https://demos.telerik.com/aspnet-ajax/editor/examples/spellchecker/defaultcs.aspx
To Replicate go to this URL and follow the process below:
For your reference, we have attached a screenshot of the editor we have in our website.
Let us know if you require any further information to debug it.
Thank you,
Prateek Sanganeria
Images in a RadEditor can be resized two ways:
1. Using the image properties dialog and keying in width/height. The aspect ratio can be locked here so that keying in width updates height accordingly, and vice versa.
2. Clicking and dragging the resize handles. This does not maintain the aspect ratio of the image, even when the aspect ratio lock option is enabled in the image properties dialog.
Request: That the image aspect ratio lock option in the image properties dialog applies when dragging the resize handles.
When opening in MS Edge the Table Wizard, the items in Table Layouts tab, Select Table Style dropdown are not populated
WORKAROUND:
As a temporary workaround, you can use the attached script and loaded to the DialogsScriptFile property of the Editor:
<telerik:RadEditor runat="server" DialogsScriptFile="~/dialogscript.js"></telerik:RadEditor>
We are using CDN and combined scripts as much as possible, and have run into an issue with the RadEditor and applying custom CSS Classes break, e.g. the applied CSS class on the selected content gets stripped for example from
.laystyle
to
.l
ConvertWordLists errors out when pasting bullets in a nested table inside another table from Word.
Test with the attached word doc in the https://demos.telerik.com/aspnet-ajax/editor/examples/cleaningwordformatting/defaultcs.aspx demo and you'll get the following error:
RadEditor.js:17416 Uncaught TypeError: Cannot read property 'appendChild' of null
these pages shows the accessibility standards for tables.
https://www.w3.org/WAI/tutorials/tables/
https://www.w3.org/WAI/tutorials/tables/two-headers/
https://www.w3.org/WAI/tutorials/tables/irregular/
For these two sub links "Tables with two headers" & "Tables with irregular headers", they are looking for "scope=col", "scope=row", "scope=colgroup", "scope=rowgroup".
There doesn't seem to be any built in support for "scope" to be added when using the table wizard, having set on the Accessibility tab a Heading for both a Row & Column.
Add support for "scope" be added to tables created in the Rich Text Editor.
(https://www.telerik.com/forums/table-wizard---scope-attribute-for-tables#XKGf9DNED0a8Cdxvzh7Qvg)
<h1>Editor 1</h1>
<telerik:RadEditor ID="editor1" runat="server" RenderMode="Lightweight"></telerik:RadEditor>
<h1>Editor 2</h1>
<telerik:RadEditor ID="editor2" runat="server" RenderMode="Lightweight"></telerik:RadEditor>
On Google Chrome, the following assingment ends up displaying the body of the html twice within the editor:
radEditor.Content="<HTML><HEAD><STYLE>@import url(./CSS/CI.css);</STYLE></HEAD><BODY><H3>OUTPUT LAYOUT</H3><P>First Name:</P><P>Kerry</P></BODY></HTML>"
The resulting html becomes:
"<html><head><link href="/WebResource.axd?d=IgLlf5SIEZ-4m-Qr1qYVOGbMUL9-osMaMQXxs1c-ODIbmiiieGrgJ2ZuegoRNaCpJJ5zKojqJuk_FD7Cb69kb713UUGq1dCMsrFtihWFgnKkbYnlqQv7Lo2rUoUhmXHopZnTw7Cs3STs4GHdRuMnVHVdYHhRrcdV8Dgdv-U213Y1&t=637050242483188892" type="text/css" id="RADEDITORSTYLESHEET0" rel="stylesheet"></head><body><h3>OUTPUT LAYOUT</h3><p>First Name:</p><p>Kerry</p><h3>OUTPUT LAYOUT</h3><p>First Name:</p><p>Kerry</p></body></html>"
The issue is the "@import url(./CSS/CI.css);" within the Style tag, if the @import url, is removed, then it works as expected.
Works as expected on IE11.
If you add 2 <style> tags, the second one is displayed twice within the editor:radEditor.Content = "<HTML><HEAD></HEAD><BODY><H3>OUTPUT LAYOUT</H3><P>First Name:</P><P>Kerry</P><style>@import url(\"./CSS/CI.css\");</style><style>@import url(\"./CSS/CI2.css\");</style></BODY></HTML>";
Hi Rumen,
I have encountered a problem as follows:
When a table is added to the radeditor with empty cells, after inserting text in the empty cell and rejecting the track changes, the complete td (cell) is removed.
Figure shows text inserted in empty cell with track changes on
After rejecting this track changes:
The cell has been removed and you can see the space in the end
You can use the following table code to reproduce the same, I have tried this in the demo link: https://demos.telerik.com/aspnet-ajax/editor/examples/trackchanges/defaultcs.aspx
<table frame="topbot" class="body_table">Do let me know if you need any further information on the same.
Thanks
Regards
Chetan
When text in the Editor has Track Changes then :
The problem happens when enter a period . , single ' or " double quote on a new line.