We’re thrilled to announce Froala Editor 4.3.1 with impressive improvements to the content pasting process, enhancements to the lists plugin, and fixes for reported customer issues.

At Froala, we’re committed to delivering the best possible user experience. That’s why we maintain an ongoing feedback loop with our users, ensuring that we’re addressing your top-requested features and pain points. With this release, we’ve laser-focused on bringing those highly anticipated improvements to life.

So, what can you expect from Froala Editor 4.3.1? Read on to discover the fantastic improvements that will elevate your content creation workflow!

Improved Content Pasting Process

Maintaining the format of pasted text has always been a challenge for users, often leading to frustration and extra work. Many editors struggle to perform this function correctly, resulting in inconsistent and messy formatting.

Imagine pasting a complex table or a styled document into your editor, only to find the layout entirely off. You have to spend valuable time fixing it, which can be incredibly annoying and disrupt your workflow.

In the latest improvements in Froala Editor, we enhanced pasting capabilities, particularly from Microsoft Word, to ensure that the original formatting of your content is preserved seamlessly, saving you time and effort.

Froala Editor has been improved to enhance pasting capabilities, ensuring that the original formatting of your content is preserved seamlessly, saving you time and effort. Pasting from Microsoft Word, a popular text editor known for pasting issues, has been particularly problematic in the past, often resulting in lost or altered formatting and requiring manual adjustments. With the latest updates, pasting from Word is now smoother and more accurate.

Your end-users can look forward to a more seamless experience that eliminates the hassle of reformatting. With these updates, they’ll be empowered to concentrate on what truly matters: creating outstanding content that resonates

Key improvements in this release for content pasting include:

• Preserve the font size for text pasted from Microsoft Word by prioritizing CSS font-family styles over embedded Rich Text Format (RTF) styles.
• Maintaining list numbering order and style, even with extra white spaces.
• Preventing the insertion of inappropriate list items when copying and pasting part of a list item.
• Ensuring the Word Paste feature functions correctly across Android Chrome versions.
• Preserving table formatting when pasting from Word365.
• Maintaining nested table column widths without parent table overflow.
• Avoiding content duplication when multiple editor instances exist on the same page.

Enhancements to The Lists Plugin

Froala Editor allows users to create and manage various types of lists within their content using the Lists plugin. This plugin supports not only basic lists like numbered (ordered) and bulleted (unordered) lists but also advanced list types such as lower Greek and upper Roman numerals.

In this release, Froala enhanced list indenting and outdenting capabilities. We have updated the code in order to account for selections spanning multiple list levels. Additionally, the editor now considers the text-indent CSS property, disabling the outdent button if the next outdent would push the text outside the editor’s boundaries.

But that’s not all! Froala has also ensured that the editor preserves the first item’s list type when indenting the list further. This means the intended list structure is always maintained, keeping your content organized and consistent.

Much More…

We have addressed various issues reported by our users to enhance the overall performance and stability of Froala Editor. These include:

• Resolved the incorrect word replacement issue caused by the Microsoft Edge autocorrect feature.
• Resolved the issue where inserting a table on an Android device would result in one of the table cells being automatically focused.
• Resolved the issue where the href attribute values were being truncated when the editor was loaded with pre-existing HTML content.

These enhancements demonstrate Froala’s commitment to continuously improving the editor’s functionality and addressing user feedback to provide a superior content creation experience.

Please find the complete changelog list here.

How Can I Update?

Don’t miss out on the benefits of the latest Froala 4.3 release. Update today and experience the enhanced editing features and improvements.

If you are using a plain JavaScript library or other framework, check the get started page to know how to download the latest Froala Editor release and how to include it in your project based on your preferred method.

If you are using a plain JavaScript library or other framework, follow the table below to learn how to download the latest Froala Editor release and include it in your project based on your preferred method.

<!-- Include Editor stylesheet-->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/css/froala_editor.pkgd.min.css" rel="stylesheet" type="text/css" />

<!-- Include Editor JavaScript file-->
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/[email protected]/js/froala_editor.pkgd.min.js"></script>

<!-- Include Editor stylesheet-->
<link href="https://cdn.jsdelivr.net/npm/froala-editor@latest/css/froala_editor.pkgd.min.css" rel="stylesheet" type="text/css" />

<!-- Include Editor JavaScript file-->
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/froala-editor@latest/js/froala_editor.pkgd.min.js"></script>

npm install froala-editor

<!--

Replace the {download-folder-path} in the following example with the path to the folder containing the stylesheet file e.g.

../css/froala_editor.pkgd.min.js

-->

<link href="{download-folder-path}/froala_editor.pkgd.min.css" rel="stylesheet" type="text/css" />

<!--

Replace the {download-folder-path} with the path to the folder containing the JS file e.g.

../js/froala_editor.pkgd.min.js

-->

<script type="text/javascript" src="{download-folder-path}/froala_editor.pkgd.min.js"></script>

bower install froala-wysiwyg-editor

For Froala Editor Version 2 Users:

Follow this migration guide for step-by-step instructions on upgrading from version 2.

Try The Latest Froala Editor

Explore a variety of examples that demonstrate the functionality of the Froala HTML Editor.

Support and Feedback

We are dedicated to always offering the best possible experience for all our users. We believe this release, meant to enhance Typescript support, is a stepping stone towards that commitment. We encourage you to try this improved Typescript support and give us your valuable feedback. Your input is crucial for delivering continuous enhancement and meeting your evolving needs. Thank you for being a valuable part of our vibrant and growing community.
We would like to hear what you think of the latest release! Join us on our GitHub Community to chat with our product manager, developers, and other members of the Froala team.

Change Log

• Please visit the release notes for a complete list of changes.

Get Started

• You can download and start using Froala in less than five minutes following our get-started guide.

Technical Questions

• If you have a technical question, you can check whether we have already answered it in our help center. If not, contact our Support team.