Froala Editor is here with a new update!
We’re back at it again with an update for your favourite WYSIWYG editor. We’ve been working hard to bring you all the improvements with Froala version V4.0.7 and I know you’re going to like this one too.
At Froala, we believe great products are the result of collaboration with customers, rather than the result of one person’s decisions. That’s why we developed a feedback loop between Froala and our users. This loop allows you to communicate directly with the Froala team and gives us the motivation to create this best-ever version of Froala, packed with the features and enhancements that you asked for.
Froala’s latest update brings a lot of new improvements for you to look forward to. There’s something for everyone, whether you’re a developer or designer. Because Froala Editor is such a versatile editor, there are several very different use cases improvements covered by this Froala user-centric release.
A Deep-Dive of the New Froala Editor V4.0.7 Featuring Various Updates:
Froala V4.0.7 is available now with many improvements over V4.0.6. This update brings some exciting improvements to our Track changes, Markdown support, and mobile support, among other things. If you utilise any of these features, scroll down to learn about the improvements you can start enjoying right away!
1. Improvement to paste from Google Docs and from plain text
Your content is on Google Docs, Microsoft Word, an Excel Sheet or a Google Sheet, and you want to paste it into the editor, but you are worried that your content formatting will be lost. With Froala you don’t have to worry, as you have an excellent feature to paste from a document or sheet. It not only keeps the copied content’s formatting but also generates a clean HTML code related to your content.
If you don’t want to keep the content format, set the pastePlain option to true and your editor will filter the pasted content, keeping only the plain text by removing all its rich formatting.
In this version, pasting content is improved in several ways:
- The issue with the editor view jumping to the top when pasting content in editor after adding the CSS transform property has been fixed.
- When pasting multiple lines of plain text, the second and subsequent lines will no longer be separated by “br” instead of “DIV.”
- The nested list breaks when a user pressed the Enter button after pasting the content from Google Docs have been fixed.
2. Improvement to multiple bullet list items
Applying Outdent/Indent to multiple bullet list items was not working as expected, but now this is fixed.
3. Improvement to the markdown feature
Markdown feature is a new version 4 feature, as it was highly requested by our community. With Markdown being active, your editor is split into two panes: the left pane where you can write the Markdown syntax code, and the right pane where the rich content is displayed in real-time.
The Markdown editor was ignoring the value of the heightMin option, but this new release takes this value into consideration so you have more control over the height of the markdown editor.
4. Improved Firefox support
With this new version, you can upload multiple images and drag elements inline on the Firefox browser. Also, the error “Uncaught TypeError: r is undefined,” which appeared while resizing Firefox window, has been fixed.
5. Improvement to the Track Changes feature
The Track Changes feature is another Version 4 feature that was highly requested by our community. With Track Changes, you can test how the content will look if you edit it in a certain way, and then you can accept the changes you like and discard the ones that don’t look good.
With Track Changes, users can track all the changes made to their text, images, tables, styles, formatting, and more.
In this new version of Froala, Track Changes is improved in several ways:
- You will be able to track images deletion.
- Fix text deletion issue when accepting changes of background color on text.
- Track text deletion when Froala Editor is integrated with KnockoutJS.
6. Improved mobile support
Froala supports Android and iOS devices. It has a responsive design that works on any screen and is the first WYSIWYG editor with a toolbar that can be customized for each screen size.
With this new version:
- You can switch between basic formats on a mobile device.
- The ‘Select all’ and ‘Delete’ functions work correctly in Android while Froala Editor is integrated with Flask.
Get Froala V4.0.7:
How Do I Upgrade to V4.0.7?
If you are loading Froala using the following CDN links:
then you are already using Froala version 4.0.7, but if you are hosting it on your server, download this new version now.
If you are on a version earlier than version 4, these migration guides will help you to upgrade your Froala Editor.
Why Should I Upgrade to V4?
- Upgrading Froala is super easy and takes less than five minutes. Read about it in the next section.
- Upgrading Froala will not break your products; most of the editor’s functionality is covered by unit tests.
- If you are on an active perpetual plan, once it ends you will be able to use the last version of Froala that was available for a lifetime, so it is better to always update to the latest version.
- Benefit from the Track Changes and Markdown features, which were highly requested by our users.
- Get the latest editor fixes and improvements.
Read this blog post for more details about why you should upgrade to V4.
Thank you for your trust and for the feedback loop. You are making us better every day. Over the years, Froala built different features that were requested by our users, which made Froala better and more beautiful, but it always stayed true to the mission of offering the best WYSIWYG editor on the market. We hope you love all the new updates we’ve introduced this year!
Let us know what you think about our latest release! Join us and our product managers in our GitHub Community to talk about all things Froala.