Completed
Last Updated: 08 Mar 2019 10:04 by ADMIN

I am using Telerik.WEB.UI version: 2018.1.117.45 in my website. I am getting as issue in RADEditor control when I create a hyperlink within Editor. Right clicking on that hyperlink opens a context menu, when I click on properties from the context menu, it opens an 'Image Manager' instead of 'Hyperlink Manager'.

The issue is occurring only in IE 11, rest all the browsers are opening 'Hyperlink Manager'. Please advise.

Thank you

Completed
Last Updated: 08 Mar 2019 09:45 by ADMIN

There's a bug in the RadEditor WordListConverter convert method.  See the attached image for details.  Note that the variable z is initialized and treated as an array (a stack, actually, with its items being pushed in and popped out).  However, perhaps because of a naming scope failure in the js-minifier, the z variable is, under certain conditions, set equal to an HTMLCollection, so a subsequent z.push method call fails.

This sample Word document reproduces the error.  It is admittedly full of bad list formatting, because it began life as a PDF, but it does exercise the RadEditor code in a way that causes the problem.  Select and copy its content and paste it in the RadEditor demo page here:

https://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx

Click OK to "clean" the pasted content and note that nothing appears because of the error shown in the attached image.

Verified in the latest Chrome and FF builds on Windows 10.

Completed
Last Updated: 11 Feb 2019 10:07 by ADMIN

I've been trying to upgrade an existing solution to use the latest release version (2019) of the Telerik UI for ASP.NET AJAX and have encountered a major problem with the 'Tool Provider', a technique which is significantly used in my solution.  This same error displays in your own Telerik Demo.  Details are:

 

Description of the issue

Having multiple RadEditors on the same page, and trying the property "ToolProviderID" (to reuse the same floating tool amongst the different editors on the same page), causes a "javascript exception" on the client side.


   
URL of the Demo (Telerik Website)

https://demos.telerik.com/aspnet-ajax/editor/examples/toolprovider/defaultcs.aspx



Exception description

Uncaught TypeError: R.get_canAcceptTrackChange is not a function at c.RadEditor._initializeToolProvider (RadEditor.js:8239) at c.RadEditor.initialize (RadEditor.js:8297) at c.RadEditor.endUpdate (Telerik.Web.UI.WebRe597d4b%3ab25378d2:6) at Sys._Application.endCreateComponents (Telerik.Web.UI.WebRe597d4b%3ab25378d2:6) at Sys.WebForms.PageRequestManager._scriptsLoadComplete (Telerik.Web.UI.WebRe97d4b%3ab25378d2:15) at Sys.WebForms.PageRequestManager.<anonymous> (Telerik.Web.UI.WebRe597d4b%3ab25378d2:6) at Telerik.Web.UI.WebRe597d4b%3ab25378d2:6 at Sys._ScriptLoader._loadScriptsInternal (Telerik.Web.UI.WebRe97d4b%3ab25378d2:15) at Sys._ScriptLoader._loadScriptsInternal (Telerik.Web.UI.WebRe97d4b%3ab25378d2:15) at Sys._ScriptLoader._loadScriptsInternal (Telerik.Web.UI.WebRe97d4b%3ab25378d2:15)
    



How to reproduce the error (on Telerik demo website)

    - Mark the checkbox at the bottom of the page and click on "Update":

(the error can be seem on console, pressing F12)




Error message happening in our system

RadEditor.js:8239 Uncaught TypeError: R.get_canAcceptTrackChange is not a function at c.RadEditor._initializeToolProvider (RadEditor.js:8239) at c.RadEditor.initialize (RadEditor.js:8297) at c.RadEditor.endUpdate (Telerik.Web.UI.WebRe597d4b%3ab25378d2:6) at Sys._Application.endCreateComponents (Telerik.Web.UI.WebRe597d4b%3ab25378d2:6) at Sys._Application._raiseInit (Telerik.Web.UI.WebRe597d4b%3ab25378d2:6) at Sys._Application.initialize (Telerik.Web.UI.WebRe597d4b%3ab25378d2:6) at b (Telerik.Web.UI.WebRe597d4b%3ab25378d2:6) at HTMLDocument.a (Telerik.Web.UI.WebRe597d4b%3ab25378d2:6)
   



Sample code, causing the issue (our system)

Refer the attached image.

Completed
Last Updated: 29 Jan 2019 11:22 by ADMIN
Inconsistent Behavior of RadEditor with Ribbon Bar Toolbar for a different type of dropdown toolbar controls.

In RadEditor with Ribbon Bar Toolbar, there are two different types of drop-down control observed.

Type1 includes "Paste" and "Strip All Formatting" 
Type2 includes "Font Name", "Real font size", "Foreground Color", "Background Color", "Apply CSS Class", "Paragraph Style" and "Undo"


Issue1:
In RadEditor with Ribbon Bar Toolbar When "Type 1" Dropdown is opened or expanded and we click on any "Type 2" Dropdown then "Type 1" dropdown is still remain open or expand.

Issue2:
vice versa In RadEditor with Ribbon Bar Toolbar When "Type 2" Dropdown is opened or expanded and we click on any "Type 1" Dropdown then "Type 1" dropdown is still remain open or expand.
Completed
Last Updated: 28 Dec 2018 10:31 by ADMIN
When EnableComments is set to true, the content from the clipboard is pasted twice in an empty editor.

RadEditor Configuration:

<telerik:RadEditor runat="server"
    EnableComments="true">
    <Tools>
        <telerik:EditorToolGroup>
            <telerik:EditorTool Name="Bold" />
            <telerik:EditorTool Name="Italic" />
            <telerik:EditorTool Name="Underline" />
            <telerik:EditorSeparator />
            <telerik:EditorTool Name="Undo" />
            <telerik:EditorTool Name="Redo" />
            <telerik:EditorTool Name="Cut" />
            <telerik:EditorTool Name="Copy" />
            <telerik:EditorTool Name="Paste" />
            <telerik:EditorTool Name="PastePlainText" Text="Paste Plain Text" />
            <telerik:EditorTool Name="FindAndReplace" Text="Find and Replace" />
            <telerik:EditorSeparator />
            <telerik:EditorTool Name="Indent" />
            <telerik:EditorTool Name="Outdent" />
            <telerik:EditorTool Name="InsertOrderedList" Text="Numbered List" />
            <telerik:EditorTool Name="InsertUnorderedList" Text="Bulleted List" />
            <telerik:EditorTool Name="LinkManager" />
            <telerik:EditorTool Name="Unlink" />
            <telerik:EditorSeparator />
            <telerik:EditorTool Name="AjaxSpellCheck" Text="Spell Check" />
            <telerik:EditorTool Name="InsertSymbol" Text="Insert Symbol" />
        </telerik:EditorToolGroup>
        <telerik:EditorToolGroup>
            <telerik:EditorTool Name="AcceptTrackChange" Text="Accept Change" />
            <telerik:EditorTool Name="RejectTrackChange" Text="Reject Change" />
            <telerik:EditorTool Name="AcceptAllTrackChanges" Text="Accept All Changes" />
            <telerik:EditorTool Name="RejectAllTrackChanges" Text="Reject All Changes" />
            <telerik:EditorTool Name="EnableTrackChangesOverride" Text="Track Changes" />
            <telerik:EditorTool Name="AddComment" Text="Add Comment" />
            <telerik:EditorTool Name="RemoveComment" Text="Remove Comment" />
            <telerik:EditorTool Name="RemoveAllComments" Text="Remove All Comments" />
            <telerik:EditorTool Name="ImageManager" Text="Insert Image" />
        </telerik:EditorToolGroup>
    </Tools>
</telerik:RadEditor>
Potential workaround:
<script type="text/javascript">
    function OnClientPasteHtml(sender, args) {
        var commandName = args.get_commandName();
        var value = args.get_value();
 
        if (commandName == "Paste" && Telerik.Web.Browser.ie) {
            args.set_value(value);
            args.set_cancel(true);
        }
    }
</script>
<telerik:RadEditor runat="server" Height="300px" StripFormattingOptions="Span,Font,Css" EnableTrackChanges="true" OnClientPasteHtml="OnClientPasteHtml"
    ContentFilters="FixEnclosingP,RemoveScripts,FixUlBoldItalic,IECleanAnchors,MozEmStrong,ConvertFontToSpan,ConvertToXhtml,IndentHTMLContent,EncodeScripts,OptimizeSpans,ConvertTags,StripCssExpressions,RemoveExtraBreaks"
    EnableComments="true" NewLineMode="P" EditModes="Design,Html">
</telerik:RadEditor>
Completed
Last Updated: 26 Dec 2018 08:57 by ADMIN
ADMIN
Created by: Vessy
Comments: 1
Category: Editor
Type: Bug Report
0
Likely to happen when an element is empty, not just the editor, if you can get the cusros in an empty <p>, and press backspace you can get the same behavior, it can happen as you work on some content

Steps to reproduce:

1. Go to the Editor demo page http://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx in Chrome
2. CTRL+A on the editor and hit delete
3. Hit Delete or Backspace again

Result: Uncaught TypeError  Cannot read property 'nodeType' of undefined Appears in the console
Completed
Last Updated: 20 Dec 2018 17:18 by ADMIN
After performing some tests with images using the RadEditor I have found that when selecting the class to apply in the image properties dialog, it will not let you clear the class. When choosing the clear class option from the drop down it does not change the class of the image it will keep the same class that is already applied from the drop down.
Completed
Last Updated: 07 Nov 2018 17:06 by ADMIN
If RadEditor is initially hidden with display:none, its tools do not work when displayed in Firefox 62.0:

<div style="display: none" id="hiddenWrapper">
    <telerik:RadEditor ID="RadEditor1"  runat="server"></telerik:RadEditor>
</div>
<script>
    function f() {
        $get('hiddenWrapper').style.display = "block";
      }
    Sys.Application.add_load(f);
</script>


There is a warning error in the console: "Mutation Events is deprecated and to use MutationObserver".

The fix is to call the $find("RadEditor1").onParentNodeChanged(); method to recreate the content area:

<div style="display: none" id="hiddenWrapper">
    <telerik:RadEditor ID="RadEditor1"  runat="server"></telerik:RadEditor>
</div>
<script>
    function f() {
        $get('hiddenWrapper').style.display = "block";
        $find("RadEditor1").onParentNodeChanged();
    }
    Sys.Application.add_load(f);
</script>
Completed
Last Updated: 06 Nov 2018 17:54 by ADMIN
If misspelled word is coming after scroll bar it is not focusing in IE11, Edge and Chrome.

Can be reproduced in the default demo - https://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx

Paste the following content 

<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p>risksss</p>

and click on the spell check button. The popup with the suggestions will be positioned outside of the content area.

As a workaround you can switch to DIV content area mode - https://demos.telerik.com/aspnet-ajax/editor/examples/contentareamodediv/defaultcs.aspx
Completed
Last Updated: 05 Nov 2018 14:44 by ADMIN
ADMIN
Created by: Rumen
Comments: 0
Category: Editor
Type: Bug Report
3
Steps to reproduce:
1. Go to the Editor demo page in Chrome
2. CTRL+A on the editor and hit delete
3. Hit Delete or Backspace again
Result: Uncaught TypeError Appears in the console
Completed
Last Updated: 22 Aug 2018 12:59 by ADMIN
ADMIN
Created by: Rumen
Comments: 1
Category: Editor
Type: Bug Report
0

			
Completed
Last Updated: 17 May 2018 11:17 by ADMIN
You can workaround this issue by resetting the content area's height only for IE:

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

<script>
    function OnClientLoad(editor, args) {
        if ($telerik.isIE) editor.get_contentArea().style.height = "auto";
    }
</script>
Completed
Last Updated: 01 May 2018 15:13 by ADMIN
Created by: Christian
Comments: 1
Category: Editor
Type: Feature Request
0
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
Completed
Last Updated: 01 May 2018 14:10 by ADMIN
This behavior can be observed in your production demo page of the RadEditor.

http://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx

Reproduction Steps:

1. Scroll to the table under "Attractions"

2. Right click and select "Table Properties"

3. Select the "Image Manager" next to the "Back Image" textbox

4. Select anyone of your images,  I have reproduced with any of the images select "beach.jpg"

5. Click OK.  The image is now visible in the table.

6. Right click on nay cell in the table and select "Cell Properties"

7. You can make a change, or not to the cell properties, and click "OK" button at the bottom.

8. You will now see that the background image is no longer present on the table.

If you try step 8 again, and click on the "Table Properties" tab of the Table Wizard, you will see that there is no value in the "Back Image", so the "OK" is submitting the blank value.
Completed
Last Updated: 01 May 2018 13:33 by ADMIN
ADMIN
Created by: Marin Bratanov
Comments: 6
Category: Editor
Type: Bug Report
5
Repro steps:    
    open Edge 41 (creator's update brings it)
    start an editor, e.g.: <telerik:RadEditor ID="RadEditor1" runat="server"></telerik:RadEditor>
    type "ab"
    press enter
    type "cd"

Actual: the second paragraph contains only "d"

Expected: the second paragraph contains "cd"
Completed
Last Updated: 29 Nov 2017 14:26 by ADMIN
ADMIN
Created by: Vessy
Comments: 0
Category: Editor
Type: Bug Report
0
ImageManager's layout is broken in Bootstrap in Lightweight:
https://www.screencast.com/t/Sdu2XbqVh11b

Steps to reproduce:
1. Open http://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx?skin=Bootstrap

2. Open the ImageManager dialog
Completed
Last Updated: 06 Oct 2017 09:03 by SUNIL
Even if the ToolsFile is pointing to a valid file, no toolbar is rendered when the control is loaded in a mobile browser.


Run the following code in Chrome's mobile emulator:
<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>RadEditor Mobile Toolbar Vanishing</title>
   <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no"/>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
        <telerik:RadEditor ID="RadEditor1" runat="server" RenderMode="Auto" ToolsFile="toolsFile.xml"></telerik:RadEditor>
    </div>
    </form>
</body>
</html>
Completed
Last Updated: 25 Jul 2017 15:53 by Paul
Clipboard operations are restricted in these browsers and when the paste tool is used nothing is happening. An alert should show up just like the Copy and Cut tools are designed.

A possible workaround is using the same functionality as the Cut command by incorporating the following JavaScript line of code

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

 <script type="text/javascript">
 	Telerik.Web.UI.Editor.CommandList["Paste"] = Telerik.Web.UI.Editor.CommandList["Cut"];
</script>
Completed
Last Updated: 20 Jun 2017 14:52 by ADMIN
Using plain RadEditor controls with default Default toolbar where ToolProvideID is also used, a JS error is thrown and ToolProvide mechanism does not operate as expected. 

As a temporary workaround, you can use any other toolbar mode (e.g., ShowOnFocus).
Completed
Last Updated: 20 Jun 2017 14:50 by kencox
The RadWindow used to hold the toolbar does not have a proper width set and the toolbar's layout is unusable.
Possible workarounds:
- avoid setting the Width property of the editor in percent
- set the ToolsWidth property to the desired static value
- use the following script to calculate the current dimensions each time the toolbar shows up:
function OnClientLoad(sender, args) {
	var toolPopup = sender.get_toolAdapter().get_window();
	toolPopup.__editor = sender;
	toolPopup.add_show(resizeToolWindow);
}

function resizeToolWindow(sender, args) {
	if (sender.__editor) {
		var editorDims = $telerik.getBounds(sender.__editor.get_element());
		sender.set_width(editorDims.width);
		var currDims = sender.getWindowBounds();
		sender.moveTo(editorDims.x, editorDims.y - currDims.height - 10);
	}
}

where the OnClientLoad function is attached to the OnClientLoad event of the editor


Leave your comment on the desired behavior - whether the toolbar should have a static width (i.e., the initial width with which the editor renders, as is the current behavior with the ShowOnFocus ToolbarMode), or whether it should update its width according to the editor width when it shows up (as the script above does).