WYSIWYG editors are nothing new, especially in the world of web development. As you know, WYSIWYG editors allow users to see a live preview of their editing while working on it. Hence the name, What You See Is What You Get.
But while they have been around for a while, not all WYSIWYG editors are created equally — there are as many WYSIWYG editors as there are possible editor features. Because of the variety, it can be difficult to find one that is the best fit for your project. To help you out with that we have created a series where we compare the Froala editor with other editors on the market — that way you can easily locate the best fit for your project.
In this article, we’ll compare Froala with the open-source Mercury Editor. Let’s get to it.
Known as the Rails HTML 5 WYSIWYG editor, the Mercury Editor is a full-featured editor. According to its documentation, it “uses HTML5 contentEditable features on block elements, instead of iframes.”
The Mercury Editor allows users full configuration freedom with its toolbars. You can add, remove, or create new toolbar items.
Mercury Editor has a markdown region that supports markdown by default.
This editor has regions that support Simple, Snippet, Full HTML, and Images by default.
If the default region does not give you what you need, Mercury Editor allows you to create your own region based on your specific needs.
Jasmine and Cucumber Tested
Mercury editor ensures production-ready code by being Jasmine and Cucumber tested.
Froala v4.0 allows users to track changes against new or deleted text within the editor as well as various styling and formatting changes to the text, images & tables.
Froala provides more advanced styling options through plugins. You just have to include the ones you need.
Optimized for mobile
Frola can be accessed using mobile and tablet devices. This editor supports both android and IOS devices, along with image and video resize for mobile and a customizable toolbar for practically any screen size.
Froala offers complete customizing freedom. You can use the API to change the default behavior or edit the source code.
Also, a v4.0 feature, this editor lets you format words & phrases in our rich text editor using code shortcuts through predefined markdown syntax.
Used all over the world, in more than 100 countries, Froala works in every language, including East Asian languages.
Froala helps you avoid style or script conflict by isolating your content from the rest of the page using iframe.
Both editors have more features than we can discuss in this article. In that case, Here’s a feature comparison table for more detail on which has the best features:
|WCAG 2.0 compliant||Yes||No|
|Jasmine and Cucumber||No||Yes|
The Mercury Editor has some helpful resources, starting with its on-page documentation that welcomes you with a Railscast, i.e., a walkthrough to getting Mercury Editor installed, set up, and working in a Rails application. Then a link to a demo and an installation and usage guide.
Froala has many helpful resources online, from youtube videos, help center pages, guides, community to a full website page dedicated to FAQs. In addition, its on-page documentation begins with a quick start guide and then goes on to include links to 60+ examples, 10+ how-to guides, and 7 create-element guides.
What’s more, the Froala support team is always on hand to help if you can’t find an answer in all its available resources.
Ease of Use
So far the Mercury editor only invites you to check out a demo, view a project on GitHub, or download it. However, it promises to provide a walkthrough of all its features in the future.
With an easy-to-understand quick start guide and an option to explore its complete features before downloading, Froala has an excellent rating when it comes to ease of use. The Froala support team is also on hand to guide you every step of the way.
(Free) No pricing information is given. However, this generally means no support options, and if you do need additional help, you will likely need to hire an experienced developer to show you the way if the documentation doesn’t answer your questions.
Froala is priced in four tiers, each with the option of a subscription or perpetual license. Also, there are different features available for each tier.
This plan is perfect for a blog or a simple personal application. The following features are available in this plan:
- Unlimited monthly active users
- 1 product
- 3 domains
- Activation key per domain
- Free updates to the latest versions
- Community only support.
This plan comes with no domain constraint and is ideal for SaaS, intranet, or mobile apps. It includes all the features in the basic plan plus the following:
- Full source code
- Internal applications.
This plan is great for teams with wide product portfolios. It includes all the features in the Pro plan but for 3 products.
This plan is perfect for teams with on-premise deployments. It includes unlimited everything and redistribution/OEM.
Which WYSIWYG Editor Should I Use?
Ideally, your editor of choice would depend on your needs and resources. However, the difference between these two is clear for all to see. Although Mercury Editor is free, the saying “free” doesn’t always mean “best” applies here. It lacks many powerful features available in Froala that users have come to expect from modern WYSIWYG.
Froala, on the other hand, is fully packed with premium features and personalized plans for everyone. Are you ready to get what you see? Click here to get started.