In this article, we’ll look at how to do this in a few easy steps. With multiple Froala editors on a single webpage, you can even drag and drop images from one editor to another!
Include Froala Editor CSS and JS File under the Resources section:
Add the HTML code of the editor multiple times at your desired places on the page.
The HTML code of multiple editors should be a unique ID. Here we have:
<div id=”froala-editor1”> and <div id=”froala-editor2”>
Customize the editors with different toolbars by including toolbarButtons option.
Try it out in JSFiddle
See it in Action
Try Froala Editor
Unlock the rich editing capabilities of the modern WYSIWYG Editor