Unplanned
Last Updated: 31 Jul 2024 06:39 by ADMIN
Márcio
Created on: 30 Jul 2024 14:17
Category: UI for ASP.NET AJAX
Type: Feature Request
1
Track changes for drag and drop radeditor
Currently, the editor does not support dragging and dropping content with change control enabled. Thinking about a user who uses the editor a lot during their day, it would be an interesting feature considering the usability of the tool, in a scenario where it is important to have change control.

No Ticket 1659890 is explained a problem that occurs with our customers.
1 comment
ADMIN
Rumen
Posted on: 31 Jul 2024 06:39

Hi Márcio,

Thank you for your feature request!

We will consider its implementation especially if it becomes a popular item. As a small note of gratitude for the good idea, I have updated your Telerik points.

For the time being, you can disable the drag-and-drop operations from outside and within RadEditor's content area using this script:

 <script>
     function OnClientLoad(sender, args) {
         //disable drag and drop of external elements and text in Design mode
         $telerik.$(sender.get_contentArea()).bind("drop", function (e) {
             $telerik.cancelRawEvent(e);
         });
         //disable drag and drop from external elements and text in HTML mode
         $telerik.$(sender.get_textArea()).bind("drop", function (e) {
             $telerik.cancelRawEvent(e);
         });

         //disable drag and drop of elements and text inside RadEditor content area
         var element = document.all ? editor.get_document().body : editor.get_document();
         var eventHandler = document.all ? "drop" : "dragstart";
         $telerik.addExternalHandler(element, eventHandler, function (e) {
             $telerik.cancelRawEvent(e);
         });
     }
 </script>
 <telerik:RadEditor OnClientLoad="OnClientLoad" ID="RadEditor1" runat="server">
     <Content>
 Try to drag and drop the <img src="Images/Apply.png" /> image in the end of this line.</div>
     </Content>
 </telerik:RadEditor>
 <br />
 <div style="background-color: yellow; display: inline;">Select and drag the image
     <img src="Images/Apply.png" />
     into the editor's content area</div>
 <div style="background-color: yellow; display: inline;">Select and drag the text into the editor's content area</div>

 

Regards,
Rumen
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Telerik family, check out our getting started resources