RADEditor Paste Not Working in Firefox

[Dave]

Paste is greyed out and has stopped working in RADEditor since our users have upgraded to Firefox v52. Paste works fine in Firefox v37 and Chrome. I have created a demo page below to demonstrate the issue, can anyone help fix it?

http://fdsrv.fire-defence.com/editordemo.aspx

[Rumen]

Hello Dave,

You are using a very old version from 2011 which does not support the latest browser versions. It is always better to upgrade to the latest one to ensure the best interoperability with the latest browsers: Firefox, Chrome, Edge and IE11. I tested the latest version and it works fine under Firefox 52 - http://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx. 

If you don't have currently time to upgrade, you can try to programmatically enable the button as shown below:

<script>
    function OnClientSelectionChange(editor) {
        if ($telerik.isFirefox) {
            var toolPaste = editor.get_toolByName("Paste");
            toolPaste.setState(0);
        }
    }
</script>
<telerik:RadEditor ID="RadEditor1" runat="server"  OnClientSelectionChange="OnClientSelectionChange" ContentAreaMode="Div"></telerik:RadEditor>

You'll also probably need to switch to Div content area mode to enable the Ctrl+V option which does not work on my end in IFRAME mode with version 2011.3.1305.40.

 

Best regards,
Rumen
Telerik by Progress

[Tarique Zaib]

Hi,

I am facing a paste problem in Firefox and setting ContentAreaMode="Div" resolved the issue but now I am getting an undefined alert on my page, can someone please help me

[Rumen]

Can you please, test the ContentAreaMode="div" demo, and if the problem does not exist there, consider upgrading your app to the latest version (see how here)? This will ensure not only support for the latest browsers, but also security, accessibility and many new UI components, features and fixes.

[Tarique Zaib]

I have tried as explained in the demo but still, the undefined alert is coming up, what do you suggest now?

Thanks

[Rumen]

How exactly do you paste in RadEditor using Ctrl+V or any toolbar button? If you paste directly with Ctrl+V you should not get any dialog. The dialog pops up only when pressing the Paste toolbar button to show that it is not possible to paste with JavaScript in Firefox, Chrome and Edge - https://docs.telerik.com/devtools/aspnet-ajax/controls/editor/managing-content/pasting-content/overview#end-user-experience. 

The undefined localization issue might be due to a JavaScript error or something else like a plugin to prevent dialog localization.

Can you please record a short video (like for example this one I just recorded) demonstrating how you paste in RadEditor in Firefox to see what's happening? Record the video in Incognito (Private) mode to avoid any plugins and also expand the F12 JavaScript console to see for any errors. At the end show the Firefox version dialog in the video.

Thank you!

[Tarique Zaib]

I am using paste Ctrl+V to paste in RadEditor. The undefined alert appears before the loading of RadEditor, Once I click OK in undefined alert the RadEditor get loaded and CTRL+V is working. I have verified the JavaScript console and there is no error in it. 

My application Telerik.Web.UI Version - 2012.3.1205.40, Firefox Version - 106.0.2

Is this issue related to Telerik.Web.UI Version?

Thanks

[Rumen]

Thank you for the clarification! Does it mean that this undefined message on page load appears only in your app, but not in the RadEditor demos? Please confirm.

From what I see the undefined alert is not related to the paste functionality of the control and is due to something else. If you remove the control from the page, does the alert continue to pop?

Some important notes about Version 2012.3.1205.40 are:

• It is pretty old and it does not support any modern browsers - please see the Old Versions Support Policy in UI for ASP.NET AJAX -> New Browsers compatibility article.
• It is vulnerable to critical vulnerabilities and you have to upgrade it to the latest version as soon as possible to prevent them. See these resources for more information: 
  • Allows JavaScriptSerializer Deserialization
  • Blue Mockingbird Vulnerability Picks up Steam—Telerik Guidance
  • Security

 

[Tarique Zaib]

Yes, this undefined message on page load appears only in my app. The undefined alert started to pop up when I added the setting ContentAreaMode="Div" in RadEditor, If I remove the setting ContentAreaMode="Div" from RadEditor the undefined alert is not coming but the Paste functionality (CTRL + V) does not work in this case.

Thanks

[Rumen]

I understand, Tarique. Follow my guidance and upgrade to the latest and greatest version - this should resolve the issue.

[david]

Thanks, that has fixed it!

[Shivlila]

Hello Rumen,

We have implemented the mentioned changes and the issue has been fixed. But we observed that after copy pasting the text the cursor should appear after last text of the pasted text, but currently it is appearing at start of the text. 

E.g. If we copy paste the text as 'testing' then the cursor appears just before 't' it should appear after 'g'.

 

We are using Telerik.Web.UI.dll of 2013.3.114.35.

 

Thanks,

Shivlila

[Shivlila]

Hi Rumen,

Could you please check our above comment and get back to us.

 

Thanks,

Shivlila

[chairman-mawh]

Hi Rumen

 

Quick question about this - was the recommendation that setting COntentAreaMode="Div" would sort the firefox pasting problem, or will pasting simply not work at all with an old Telerik and a new Firefox (and the code you gave is just to hack the button to be enabled, but not enable paste functionality)

 

Thanks!

[Rumen]

Hi,

Just set the ContentAreaMode property to "Div" and you and your end-users will be able to paste in the older versions of RadEditor in Firefox latest with Ctrl+V.

The browser regression breaks only to the iframe content area mode of the old RadEditor versions. The problem does not exist in the recent versions of RadEditor.

Best regards,
Rumen
Progress Telerik

[Baktha]

Hi,

Am able to enter comments using Rich Text editor for my project [at Design and HTML modes] using Firefox version prior to 62.0 but unable to enter comments  in Version - 62.0 only [Especially at design mode]. Attaching screenshots for reference.

Please help me on this

[Rumen]

Hi Baktha,

Can you please call the editor.onParentNodeChanged() client-side method as explained in The RadEditor Control is Moved in the DOM article when showing/loading RadEditor on the page?

If the problem is reproducible in RadWindow check this article too: RadEditor Does Not Work in RadWindow.

Best regards,
Rumen
Progress Telerik

[Peter]

Hi all

Due to experiences with my own application, I followed the tip to check if toolbar buttons are available in the html view of the demos.

I did the folowing:

1) open https://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx in firefox 62.0.3 (64-Bit)

2) click html view in demo

3) all Toolbar buttons are disabled, why? (e.g. find and replace is available in chrome, IE, Edge)

4) Same behaviour in content area mode sample https://demos.telerik.com/aspnet-ajax/editor/examples/contentareamodediv/defaultcs.aspx

 

What has to be done enable functions in html view (e.g. find and replace)

Please add a working example to your demos.

 

Thank you and best regards,

Peter

 

 

 

[Rumen]

Hi Peter,

The RadEditor toolbar is designed for operation only in Design mode, where the content area is an editable DIV or IFRAME element (depending on the ContentAreaMode property setting). 

The toolbar tools and their respective commands do not support HTML mode (which is a textarea element) and for this reasons the toolbar items are disabled in HTML mode. This is not a regression, bug or limitation, this is from the first version of RadEditor. So far we haven't received many request for toolbar items for HTML mode and for this reason we haven't implemented such functionality and only allowed the Find and Replace and the Print features to work in HTML mode.

The Find and Replace feature is disabled in HTML mode in Firefox because the functionality to find text in a textarea is not fully supported by the browser.

Best regards,
Rumen
Progress Telerik