Hi.

We have an issue with the RadEditor causing an entire Ajax update panel to fail on an async postback.

This only happens if the RadEditor has been generated dynamically, if it is put in at design time for example on a user control.   However our existing code base is heavily reliant on the editor being created dynamically.

We have tested this on most browsers and only seems to be an issue on Safari V14 and Safari V15.  We have also tested using various versions of the Telerik controls including the Jan 2022 release.  IMO It’s likely that the problem has come about because of a change to Safari, rather than a change to the RadEditor.

I have recreated this using a standard webforms app template in VB in visual studio 2019 , targeting framework 4.7

This can be created using a very simple form.

 <form id="form1" runat="server">
               <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>

        <div>
                   <asp:Label ID="Label2" runat="server" Text="Outside The Panel"></asp:Label>

            <asp:UpdatePanel ID="UpdatePanel1" runat="server" ChildrenAsTriggers="false" UpdateMode="Conditional">
                <ContentTemplate>
                    <asp:PlaceHolder ID="PlaceHolder1" runat="server"></asp:PlaceHolder>
                    <asp:Label ID="Label1" runat="server" Text="Inside the Panel"></asp:Label>


                </ContentTemplate>
                <Triggers>

                    <asp:AsyncPostBackTrigger ControlID="Button2"/>
                </Triggers>
            </asp:UpdatePanel>

            <asp:Button ID="Button1" runat="server" Text="Sync"/>
            <asp:Button ID="Button2" runat="server" Text="ASync"/>
        </div>

    </form>

with a very simple code behind and running in a version of Safari 14 +

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
        Dim radEditor = New Telerik.Web.UI.RadEditor

        radEditor.ID = "Editor2"
        RadEditor.Enabled = True

        PlaceHolder1.Controls.Add(RadEditor)

    End Sub

    Protected Sub Button1_Click(sender As Object, e As EventArgs) Handles Button1.Click
        Label1.Text = "Updated Label 1 (sync)"
        Label2.Text = "Updated label 2 (sync)"
    End Sub

    Protected Sub Button2_Click(sender As Object, e As EventArgs) Handles Button2.Click
        Label1.Text = "Updated Label 1 (async)"
        Label2.Text = "Updated label 2 (async)"
    End Sub                                                               

I'm using Sitecore 9.3 and the RTE is currently removing HTML entities that needs to be kept in content.
The issue is with the word joiner entity: 

&#8288;

&NoBreak;

https://www.screencast.com/t/nL1ufw7s

Is there anything that can be done to fix that behavior?

Thanks!

RadEditor Font Size and Font name drop down list is moving out of the editor 
Please let me know if it is known issue or do we have any fix for this 

Hello,

We currently have a custom image manager dialog that is opened from a button added to the toolbar of the RadEditor;

ASP.NET

        <telerik:RadEditor ID="RadEditorMessage" runat="server" Width="100%" Height="370px"
            ToolsFile="~/App_Data/RadEditor/Default-ToolsFile.xml" RenderMode="Lightweight" EnableAriaSupport="true">
            <Tools>
                <telerik:EditorToolGroup Tag="FileManagers">
                    <telerik:EditorTool Name="ImgManager" Text="ImageManager" ShowIcon="true" />
                </telerik:EditorToolGroup>
            </Tools>

JAVASCRIPT

    Telerik.Web.UI.Editor.CommandList["ImgManager"] = function (commandName, editor, args) {

        var myCallbackFunction = function (sender, args) {
            if (args) {
                if (args.href != '') {
                    editor.pasteHtml(String.format("<img src='{0}' border='0' align='middle' /> ", args.href));
                }
            }
        }

        var args = editor.get_html(true) //returns the HTML of the selection. 

        editor.showExternalDialog(document.getElementById('<%=txtPath.ClientID%>').value,
                                  args,
                                  1024,
                                  600,
                                  myCallbackFunction,
                                  null,
                                  "Image Manager",
                                  false,
                                  Telerik.Web.UI.WindowBehaviors.Close + Telerik.Web.UI.WindowBehaviors.Move,
                                  false,
                                  true);
        };

CODE BEHIND

                txtPath.Text = ResolveUrl("~/Controls/ImageManager.aspx");

We would like to open this custom Image Manager Dialog and return the uploaded image to be used in the Image Map Editor. 

Is this possible ? And if so, can you provide links/example code on how to implement this ?

Thanks,

Jean-Paul

Hi there,

I couldn't find any answer in the forum regarding my issue to I decided to ask for help. I have some custom html with css class and I simply use the return key to add new text, the whole ul list is deleted( see attached file).

To use it select HTML mode as the file is in HTML. Then change to text mode to be able to edit it. Put the curser at the end of the last bullet of the list then enter. The whole UL will be deleted.

Does anybody knows why this is happening?

Thank you,

Gilles

We do not want to show the pop up dialog when "Paste from Word" button is clicked .. Can you provide any solution ?

Please find the attached file  for  reference

As for the context:
We're using telerik:RadEditor to e.g. edit and display html-contents including SVGs (scalable vector graphics). In this editor we have declared multiple EditorContextMenu containing EditorTools, which call custom js-functions which in turn perform the intended actions.

This is an extract of our code:

<script type="text/javascript">
    Telerik.Web.UI.Editor.CommandList["ChangeDiagramm"] = function (commandName, editor, args) {
        var elem = editor.getSelectedElement();
        /* Issue: Depending on the browser, "elem" is or is not a SVG, although the EditorContextMenu, mentioned below, is the only one calling this js-function! */
        if (elem.tagName.toUpperCase() == "SVG") {
            StartModalDialog('EditHtmliagramRedirect.aspx?ID=' + elem.attributes.name.value, 500, 600, 1);
        }
    };
</script>

<telerik:RadEditor ExternalDialogsPath="~/Documentation/Documentation/Dialogs/Editor/Controls" EnableTrackChanges="false" 
    EnableComments="false" ID="ReHtml" EnableResize="False" NewLineMode="P" runat="server" OnClientLoad="OnClientLoaded" 
    OnClientSubmit="OnClientSubmit" OnClientPasteHtml="OnClientPasteHtml" OnClientCommandExecuting="OnClientCommandExecuting" 
    OnClientCommandExecuted="OnClientCommandExecuted" OnClientSelectionChange="OnClientSelectionChanged" UseRadContextMenu="False">

    <ContextMenus>
        <telerik:EditorContextMenu TagName="svg">
            <telerik:EditorTool Name="ChangeDiagramm" ShowIcon="true" Text="Edit SVG" ShowText="false" />
        </telerik:EditorContextMenu>
        <%--                         
		More EditorContextMenus each of which for different html-tags; none of them related to SVGs (img, a, li, span, ...)
        --%>
    </ContextMenus>
    
</telerik:RadEditor>

Example-editor-content:

<p>before</p><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="391px" height="221px" viewBox="-0.5 -0.5 391 221" name="c26facdc-b9af-46d3-8de6-7afc86696afa"><defs style=""></defs><g style=""><rect x="0" y="0" width="80" height="80" fill="#ffffff" stroke="#000000" pointer-events="all"></rect>
<path d="M 110 0 L 210 0 L 230 40 L 210 80 L 110 80 L 130 40 Z" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="all"></path>
<path d="M 270 0 L 370 0 L 390 20 L 390 80 L 290 80 L 270 60 L 270 0 Z" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="all"></path>
<path d="M 270 0 L 370 0 L 390 20 L 290 20 Z" fill-opacity="0.05" fill="#000000" stroke="none" pointer-events="all"></path>
<path d="M 270 0 L 290 20 L 290 80 L 270 60 Z" fill-opacity="0.1" fill="#000000" stroke="none" pointer-events="all"></path>
<path d="M 290 80 L 290 20 L 270 0 M 290 20 L 390 20" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"></path>
<path d="M 40 80 Q 80 220 205 220 Q 330 220 339.55 86.35" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"></path>
<path d="M 339.92 81.12 L 342.91 88.35 L 339.55 86.35 L 335.93 87.85 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"></path>
</g></svg><p>after</p>

For a long time, this code was working as intended in Firefox, Chrome and Microsoft Edge (the new one, based on the chromium engine). I.e. if someone right-clicks the svg-graphic in "Design"-mode of the editor, the corresponding js-function is being called and the "elem"-variable within the js-function has been set to the svg-element of the "Example-editor-content", hence fulfilling the if-statement and opening the modal dialog.

As of recent Edge and Chrome now show "elem" to be the "p"-tag containing the text "after", whereas Firefox still works as intended and sets "elem" to the "svg"-tag. Unfortunately I don't know the exact date, when it broke.

I suspect, the issue might be due to changes in Chrome/Edge/chromium, because the same issue also arises in older versions of our web-application. But since the editor.getSelectedElement-js-function is a black-box to me, I'm not able to confirm this.

Could you please investigate this issue?

Hi Telerik Team,

In the application, we have disabled upload, delete and rename functions, but we still can drag and drop files. Is there any way can disable drag and drop files, please?

Regards,

Lan