- Getting Started
- Browser Support
- Languages Support
- Shortcuts
- Activation
- Examples
- Customize the Editor
- Use-cases
- Plugins
- APIs
- Development Frameworks
- Server Integrations
- Server SDKs
- Migration Guides
- Changelog
- Tutorials
Drag & Drop
Drag Between Blocks
Try it yourself:
HTML
<div id="froala-editor">
<h3>Click here to edit the content</h3>
<p><img id="edit" class="fr-fil fr-dib" src="https://raw.githubusercontent.com/froala/wysiwyg-editor/master/editor.jpg" alt="Old Clock" width="300"/></p>
<p>The image can be dragged only between blocks and not inside them.</p>
</div>
JAVASCRIPT
<script>
new FroalaEditor('div#froala-editor', {
dragInline: false,
pluginsEnabled: ['image', 'link', 'draggable']
})
</script>
Related Plugin: Draggable