Froala WYSIWYG Editor

Edit Liquid with Dropkiq in the Froala WYSIWYG Editor

Adam Darrah
Mar 12, 2020 6:12 PM
Froala WYSIWYG Editor

When I talk with people about Dropkiq, one WYSIWYG editor always comes up again and again... Froala! In fact, I'm a happy customer myself! I've been using Froala for over a year and it has been a great product to work with as a customer. Getting it setup in our application was easy and the editor itself looks great. Now, starting today, Dropkiq UI can be integrated with Froala WYSIWYG Editor right out of the box.

In fact, this was pretty easy to accomplish. Dropkiq has supported native HTML Textarea, Input, and contenteditable divs since Day one. Froala uses a contenteditable div to manipulate content. As a result, it was simply a matter of hooking into Froala's initialization to get access to this contenteditable div where we can then initialize Dropkiq.

Take a look at the live demo and the official documentation if you're interested in setting this up for yourself (Hint type {{ to bring up Dropkiq autocompletion).

If you're a company that let's your customers write Liquid, you need Drokiq. This is the only Javascript Plugin that enables autocompletion for Liquid that adapts to your company's data model and allows your customers to immediately and effortlessly write Liquid expressions. If you use the Froala editor, this makes things even easier on your development team.

If you're using a WYSIWYG editor other than Froala, you're still in good hands. Dropkiq can be integrated into any WYSIWYG editor available. Shoot me a quick message at, and I would love to chat with you about how Dropkiq can help your business and your customers work better.

You might also like...

Explore how Dropkiq can help improve your user experience.

Writing Liquid expressions is hard. Let Dropkiq help you make it easier.