How to disable drag and drop in document editor in React Document editor component

25 Nov 20231 minute to read

Document Editor provides support to drag and drop contents within the component and it can be customized(enable and disable) using allowDragAndDrop property in Document editor settings.

The following example illustrates to customize the drag and drop option.

var settings = { allowDragAndDrop: false };
var hostUrl = 'https://services.syncfusion.com/react/production/api/documenteditor/';

<DocumentEditorContainerComponent id="container" height={'590px'} serviceUrl={hostUrl} documentEditorSettings={settings}/>

Note: Default value of allowDragAndDrop property is true.

The following example illustrates to disable the drag and drop option in DocumentEditor.

var settings = { allowDragAndDrop: false };
var hostUrl = 'https://services.syncfusion.com/react/production/api/documenteditor/';

<DocumentEditorComponent id="container" height={'590px'} documentEditorSettings={settings}/>

Note: Default value of allowDragAndDrop property is true.