There is a problem in Safari on Mac while selecting Table cell properties via the context menu when a table cell is selected. Its Wrongly selected in the Table Wizard window.

Reproduction steps:

- Load the default demo in Safari Mac: http://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx

- Right click over the third cell in the second column ("Los Gigantes is located...") and choose Cell Properties.

- The Preview of the Cell Properties in the Table Wizard will show that the first cell is selected but not the right one.

RadEditor strips urls pointing to the current page when MakeUrlsAbsolute is enabled.

Steps to reproduce:
1. Open http://demos.telerik.com/aspnet-ajax/editor/examples/builtincontentfilters/defaultcs.aspx

2. Clear the content of the Editor, swith to html mode and paste the following content:
test
<a href="http://demos.telerik.com/aspnet-ajax/editor/examples/builtincontentfilters/defaultcs.aspx" target="_self">2.2.2</a>
<br>
<table bordercolor="#000000" border="1" cellspacing="0" cellpadding="2">
    <tbody>
        <tr>
            <td style="text-align: center; vertical-align: middle;" rowspan="2"><strong>Text</strong></td>
        </tr>
    </tbody>
</table>


3. Switch to Design mode and back to html mode.

Result: The content will be stripped like follows:
test
<a href="#000000" border="1" cellspacing="0" cellpadding="2">
     
         
            <strong>Text</strong>
         
     
</a>

Occurs in IE11, IE10, or IE9 (Works in IE8).
Copy a table from MS word/excel into editor.
Right-click right most column.
Select Column > Delete Column.
Unable to select other rows in copied table or edit table cells

A workaround is to add the following CSS rules to the DialogsCssFile stylesheet:

.reLightweightDialog.RadForm_BlackMetroTouch.redLinkManager body,
.reLightweightDialog.RadForm_Bootstrap.redLinkManager body
{
	width: 540px;
	height: 540px !important;
}

/*or use that, which will affect all skins: */
/*.reLightweightDialog.redLinkManager body
{
	width: 540px;
	height: 540px !important;
}*/

In IE, create a table and add a caption

Apply the style="display: none" to the caption

Attempt to select table using the Editor's select table function and an unspecified error is thrown in the console

This issue was reproduced on the RadEditor demo page.

This issue only happens in IE, could not reproduce in Firefox or Chrome.

This issue does not occur when the display: none style is removed from the caption.

Video: http://www.screencast.com/t/QxHb25w6e

Hi,

Several of my clients has requested along the years for a way to insert Descriptions just beneth/under a image in the Editor, i have had to move to CKEditor in some cases and thought i would just give it a try and post this as a feature request.

A demo of this can be seen here,
http://ckeditor.com/

Think what they do is insert a Div under the image object that contains a Description.

Really hoping to see this in the future as i would like to keep third party plugins to a minimum.

Christian

This issue happens only on Macs with Chrome and Safari.

It is related to the IME (input method editor) that is used to enter Japanese (Hiragana) words with Latin keyboards. Such an IME is provided by Windows and the Mac operating system. Part of the process to enter Japanese text is to enter several characters, then press the space bar to get a popup list of suggestions for potential words. The space bar is then pressed again until the desired word is highlighted. Then the user will press return to select the correct word. The user then presses the next characters to build the next word.

If you need more information about typing Japanese text you can find a description here: https://www.coscom.co.jp/learnjapanese801/howjpdo.html

The bug with RadEditor can be demonstrated with the current RadEditor demo page. (http://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx) 

To recreate the problem you can go to your RadEditor demo page with Chrome or Safari on a Mac. You will need to enable the Japanese IME in your operating system. This is very easy to do and you can just do a Google search for instructions if you need to.

Then delete all example text. 

Now press the following keys on an English keyboard:

s a t e l o    

(each 2 key combination creates a Japanese character)

You will now see 3 Japanese characters. Now press the space bar. This will open the word selection list. Now press the space bar again, which should select the next words from the list. But instead of selecting the next word, the popup list is immediately closed and some different character are inserted in the content. If you then press another key the content gets completely destroyed and replaced with the key that was pressed. It does not work as expected and it is unusable that way.

If you try the same key sequence with Firefox on a Mac or any browser on a PC you will see how it is supposed to work.

The same problem happens if you would use the cursor down key (instead of the space bar) to select the next item in the list.

The affected browsers work as expected in regular input / textarea fields. It seems to happen only with Telerik's RadEditor control. To narrow down the cause even further I created a JSFiddle demo with a simple control that has the attribute contenteditable=true set. I believe that RadEditor is based on such a control and I wanted to see if the affected browsers may have problems with this HTML feature itself. You can try the JSFiddle demo here: https://jsfiddle.net/q5Lsnjmg/3/     The result is that the affected bowsers work as expected in this demo. This seems to indicate that the Telerik editor control must do something different to trigger this problem.

I also created a video that demonstrates the issue. You can see the video here: https://youtu.be/ANLbXpm5Zko

"The size of the uploaded file exceeds max size allowed" is thrown even if the file is under the specified maximum upload file size.

The error is reproducible in the Default demo -> http://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx.

Open the Document manager and upload some unsupported file which size does not exceed 200 kb. For example upload a small image file. You'll get the following error:

The size of the uploaded file exceeds max size allowed.
The extension of the uploaded file is not valid. Please, provide a valid file!

while only this line should be shown: The extension of the uploaded file is not valid. Please, provide a valid file!

The context menu for IMG and Table element immediately hides when shown on Mac Firefox.

Load this demo http://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx on Firefox Mac OS
and right click in a table cell or image. You'll see how the menu pops up and immediately closes.

Video reproduction -> http://www.screencast.com/t/osHP96eQOa7

In order to replace the image we use the 'pasteHtml()' API method (http://docs.telerik.com/devtools/aspnet-ajax/controls/editor/client-side-programming/methods/pastehtml). Unfortunately, we have faced the issue in the latest version of Telerik RadEditor (2016.3.1027.45). 


If parent 'div' has "float:left" style settings, the 'pasteHtml()' API method inserts a new image beyond the parent 'div' element. The issue is reproducible in IE11, and it is not reproducible on in the FF and Chrome, Edge and IE10.


Steps to reproduce:
1. Open the demo page http://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx
2. Switch to the 'HTML' mode of the RTE and replace all existing HTML content with the following HTML snippet:
***
<div style="float: left;">
<img alt="" style="margin: 0px 30px 30px 0px; width: 200px; float: left;" src="../../images/top_image.png" />
</div>
***
3. Switch to the 'Design' mode of the RTE and click once on the image;
4. Open the browser console (F12) and execute the following API code in the console:
$telerik.radControls[11].pasteHtml('<img alt="" src="/aspnet-ajax/Editor/images/UserDir/Marketing/Tokyo.png" />')

Actual Result:
A new image is inserted beyond the parent 'div' element.
***
<div style="float: left;">
</div>
<img alt="" src="/aspnet-ajax/Editor/images/UserDir/Marketing/Tokyo.png" />
***

Expected result:
A new image is inserted into the parent 'div' element.
***
<div style="float: left;">
<img alt="" src="/aspnet-ajax/Editor/images/UserDir/Marketing/Tokyo.png" />
</div>
***

Here is the screencast:
http://screencast.com/t/PQOQeKsvViRK

The empty new lines from RTF are imported as empty paragraphs in the editor and not rendered, i.e.

<p class="TelerikNormal" style="line-height: 16px;"> </p>
<p class="TelerikNormal" style="line-height: 16px;"> </p>
<p class="TelerikNormal" style="line-height: 16px;"> </p>
<p class="TelerikNormal" style="line-height: 16px;"> </p>
<p class="TelerikNormal" style="line-height: 16px;"> </p>


They should be rendered, because in other case this breaks the layout of the inserted document.

Thead and tfoot elements get deleted with deleting content of table in Google Chrome.

On the RadEditor demo page [http://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx]

Replace the content with a table with a thead tbody tfoot caption

<table>
   <caption>ABC</caption>
   <thead>
      <tr>
         <th>A</th>
         <th>B</th>
         <th>C</th>
      </tr>
   </thead>
   <tfoot>
      <tr>
         <td>FOOT</td>
         <td>FOOT</td>
         <td>FOOT</td>
      </tr>
   </tfoot>
   <tbody>
      <tr>
         <td>A1</td>
         <td>B1</td>
         <td>C1</td>
      </tr>
      <tr>
         <td>A2</td>
         <td>B2</td>
         <td>C2</td>
      </tr>
      <tr>
         <td>A3</td>
         <td>B3</td>
         <td>C3</td>
      </tr>
   </tbody>
</table>

Select some content across the tbody, tfoot, thead and caption and delete 

Expected results: the content of the TD and TH should be remove

Actual results: the THEAD and TFOOT elements are removed

More details check the attached delete_thead_tfoot.gif file.

Workaround: 
<telerik:RadEditor ID="RadEditor1" runat="server">
</telerik:RadEditor>

<script>
	(function () {
		var $E = Telerik.Web.UI.Editor;
		var utils = $E.Utils;
		var cmdPrototype = $E.DeleteSelectionCommand.prototype;
		var shouldCollectNode = cmdPrototype.shouldCollectNode;
		cmdPrototype.shouldCollectNode = function (node) {
			return shouldCollectNode.call(this, node) && !utils.isTag(node, "thead") && !utils.isTag(node, "tfoot");
		};
	})();
</script>

How to replicate the issue

1. Using the attached document, TestSample1.docx, copy and paste the content into the RADEditor and choose to remove Word Format.

2. Observe the styling and the format of the pasted content in the editor.

You will notice that the table will not appear properly and the font styling and size and all remove instead of converted.

1.  Using the attached document, TestSample2.docx, copy and paste the content into the RADEditor and choose to remove Word Format.

2. Observe the styling and format of the pasted content in the editor.

In this case, you will notice that the table is intact and font styling and size are converted to HTML format.

The difference between the TestSample1.docx and TestSample2.docx is one has numbering in Heading. The numbering appears to have affected the result of pasted content from MS Words.
The expected behaviour would be the same as the test result from TestSample2. 

Steps to reproduce:
1. Write a couple of words: one two three
2. Select the second word two without the spaces around it and delete it
3. You'll see a single space between one and three in Design mode, while they are actually two in HTML mode.

In R3 2016 SP1 when a RadEditor with RenderMode=Classic is disposed and RadScriptManager is used, a JavaScript error is thrown:
IE:  Object doesn't support property or method 'dispose'
Chrome: Uncaught TypeError: this._contextMenuFunctionality.dispose is not a function

FIXED in R3 2016 SP2 (2016.3.1027)

There are three workarounds:
- Set EnableScriptCombine to false for the RadScriptManager (not applicable when CDN is used)
- OR set RenderMode=Lightweight for the RadEditor (you can do this in the web.config for all control instance in the web app if they do not define the Classic mode exiplicitly)
- OR add the following function override at the end of your page:

			<telerik:RadScriptManager ID="RadScriptManager1" runat="server" >
			</telerik:RadScriptManager>

			<%-- WORKAROUND 1: SET EnableScriptCombine="false" TO RADSCRIPTMANAGER--%>

			<asp:Button ID="Button1" Text="click to postback and break the editor" runat="server" />

			<telerik:RadEditor ID="txtInstructions" runat="server">
			</telerik:RadEditor>

			<%-- WORKAROUND 2: SET RenderMode="Lightweight" TO RADEDITOR--%>


			<%--WORKAROUND 3: ADD THE FOLLOWING SCRIPT TO THE END OF THE FORM--%>
			<script>

				Telerik.Web.UI.Editor.DefaultToolAdapter.prototype.dispose = function ()
				{
					delete this._fakeToolbarParentCreated;
					var toolbars = this._getToolBarElements();
					if (toolbars) {
						for (var i = 0; i < toolbars.length; i++) {
							$clearHandlers(toolbars[i]);
						}
					}
					this._tools = [];
					this._disposeToolbarModeHandlers();
					var wnd = this._toolbarHolder;
					if (wnd && wnd.dispose) wnd.dispose();
					var contextMenuFunctionality = this._contextMenuFunctionality;
					if (contextMenuFunctionality && contextMenuFunctionality.dispose) contextMenuFunctionality.dispose();
					Telerik.Web.UI.Editor.DefaultToolAdapter.callBaseMethod(this, "dispose");
				}
			</script>

Right now if copy multiple table rows and paste them into an existing table they create a new table in that table.  We would like the ability to copy rows from a table and paste them into the same table or a new table with the same number of columns and have the new rows pasted without the creation of a nested table.

Problem:

In the RadEditor we have the NewLineMode set to Div
We are also using a ToolsFile xml document to control the tools available in RadEditor.
The problem is the InsertParagraph tool now inserts <div> tags instead of <p> tags.
We want to keep the NewLineMode behavior as DIV while still having a tool that can insert a paragraph (i.e. a <p> tag).

To replicate this problem:

On the RadEditor demo page, first set "NEW LINES AS" to "Divs".
Then, in the editor content area just above the "Destinations" table, Type in three lines:
Comment1
Comment2
Comment3

If you then toggle to the HTML tab, you will see that the Comment1 line is (incorrectly) bracketed by a <p> tag while the Comment2 and Comment3 lines are (correctly) bracketed by <div> tags.

Next, go back to the Design tab and position yourself at the beginning of the Comment3 line then click the [Insert Paragraph] button.

In the newly inserted "paragraph" type "Comment2b".

If you then toggle to the HTML tab you will see that Comment2b is incorrectly bracketed by a <div> tag.  It should be a <p> tag.

Changing the background color for the second/subsequent paragraph causes background color for first/previous paragraph to be lost/changed.  This is a browser-specific bug.

Reproduction steps:

    Navigate Internet Explorer/Edge browser to: Telerik RadEditor Demo Page
    Select-all and delete.
    With cursor at the beginning, select a background color from the toolbar.
    Type some text.
    Hit the Enter key to start a second paragraph
    Select the "no-fill" background color from the toolbar.

Results:

-The background color for the first/previous paragraph is removed.