Drag and drop files to RadText Editor in webforms

[Chakradhar]

Hi, i want to have a similar control like RichText box (winfroms) in Webforms.

I tried using the RadText editor with which i can able to copy paste images and format the text but the problem is unable to drag and drop files (text,word,exce..) to the Text editor.

is there any way i can achieve this in webforms.

 

Thanks 

Chakradhar

[Rumen]

Hi Chakradhar,

You can implement drag and drop over the editor content area in a similar way shown in this RadAsyncUpload demo: Drag and Drop, e.g.

<telerik:RadEditor runat="server" ID="RadEditor1" ContentAreaMode="Div"></telerik:RadEditor>
<telerik:RadAsyncUpload RenderMode="Lightweight" runat="server" ID="RadAsyncUpload1" MultipleFileSelection="Automatic" DropZones=".DropZone1,.reContentArea"  />
<div class="DropZone1">
    <p>Custom Drop Zone</p>
    <p>Drop Files Here</p>
</div>

In this case the editable div content area has a class name of reContentArea so you can set this value to the DropZones property of RadAsyncUpload. 

Another option is to use the Image Manager or the Document Manager which accept file drag and drop too:

Regards,
Rumen
Progress Telerik

[Chakradhar]

Hi Rumen,
thanks for the information but im looking for a feature which is similar to MS word document where we can directly drag and drop the files in and can open by double click on the file.

Here in RadTextEditor i want to directly drag and drop the files in content area and open from there by double click on the file

 

[Rumen]

Hi Chakradhar,

Thank you for the nice explanation!

Presently, RadEditor does not offer the required drag and drop functionality of objects and automatic upload, which is more typical for the applications like MS Word and the CMS systems, but not for the UI controls. If you'd like to implement your own approach for your project you can attach to the drop event of the content area and modify the dragged html element/object as per your requirements.

You can find more information at

https://stackoverflow.com/questions/27272787/custom-controlcustom-table-and-drag-it-on-to-radeditor

https://docs.telerik.com/devtools/aspnet-ajax/controls/editor/client-side-programming/methods/attacheventhandler 

Best Regards,
Rumen
Progress Telerik