Froala Editor 출시

Froala Editor v5.4.02026년 8월 19일

기능

AI Chat Assistant for Froala Editor:
- A new AI Chat icon in the toolbar opens a collapsible panel docked to the right of the editor. Instead of firing a single prompt and dropping the answer into your content, you can now have a back and forth conversation: ask a question, get an answer, ask a follow-up and only then decide whether anything goes into the document.
- You choose what the AI can see, using one or more context sources at the same time:
  - Current Document: Sends the whole editor content.
  - Selected Content: Sends only the text you highlighted.
  - Uploaded files: PDF, DOCX, TXT, Markdown, and images (JPG, PNG, GIF, WebP).
  - Reference URL: A link the AI can pull context from.
- The panel also includes a web search toggle, a model dropdown, and a reasoning toggle so users can pick a fast model for quick questions or a stronger one for heavier work. The chat is provider agnostic, so it works with whichever AI service you already have configured.
- When the AI proposes a rewrite, you review it before it lands. In normal mode, clicking Apply to document opens the same review popup used elsewhere in the editor, with additions and removals highlighted, and the affected part of the document is visibly highlighted the moment you click Apply. In collaboration mode, the suggestion appears as a Suggested rewrite card right inside the chat panel with a preview toggle and an Insert button.
Code Snippet Tracking - Code snippet edits and deletes are now tracked. Previously, inserting a code snippet created a suggestion but editing or deleting one applied silently. Editing is now recorded as a single in-place Replace suggestion, and deleting wraps the snippet as a normal delete suggestion.
Drag and Drop Tracking - Drag and drop is now tracked. Dragging an image, table, video, or a block of selected text creates one linked pair of suggestions: a red struck-through marker where the content used to be, and a green highlighted copy where it now sits. The suggestions panel shows this as a single Moved card rather than two unrelated Added and Removed cards, and accepting or rejecting either half automatically resolves the other. Dragging an already-pending move a second time is recognized as the same proposal, so you never build up a pile of stray cards.
Added support for Markdown editing while preserving Markdown as the source format - Two new methods, getMarkdown() and setMarkdown(), work exactly like html.get() and html.set() do for HTML. Authors edit in the familiar rich text interface, but your application reads and writes Markdown. Four lifecycle events let you hook into the flow: markdown.beforeGet, markdown.afterGet, markdown.beforeSet, and markdown.set.
AI shortcuts and AI content insertion UX improvements - The Tone and Translate menus are now hidden when no options are configured, and inserting AI content causes far less layout shift.
Speech-to-Text support for AI Assist - A microphone button lets users dictate a prompt instead of typing it. Audio is captured in the browser and transcribed through your existing aiAssistRequest handler, so it works in Chrome, Firefox, and Safari with no extra service. Controlled by aiSpeechToText (default true), plus aiSpeechToTextWaveform, aiSpeechToTextListeningText, and aiSpeechToTextMaxDuration (default 120 seconds).
AI Improve Writing with accept/reject changes - Select text in the editor and a floating action button appears. Click Improve Writing and only that selection is sent to your AI provider. The result comes back as tracked changes: removed text is struck through, added text is highlighted, and you can step through the changes one at a time and accept or reject each one, or use Accept All and Reject All. The original content stays untouched until you accept.
AI auto-fill content while typing - An opt-in, Smart Compose style suggestion that appears in grey at your cursor when you pause at the end of a block. Press Tab to accept, Esc to dismiss, or just keep typing. Configured with aiAssistAutoComplete, aiAssistAutoCompleteDelay, and aiAssistAutoCompletePromptTemplate. Ghost text is stripped before html.get(), so it can never leak into saved content.

수정 사항

Fixed issue with the cursor icon when performing undo/redo actions.
Fixed issue with the user name tooltip on the cursor.
Fixed issue where nested table is removed when pasting copied list item content into a table cell.
Fixed issue where Cancel and Reply buttons are missing in the comment pop-up.
Fixed issue with changing a word using the browser spell check.
Fixed issue with removing text formatting in the image caption.
Fixed issue where bottom borders are missing after rendering in the Froala Editor.
Fixed issue with missing table alignment styles in froala_style.css causing incorrect front-end rendering.
Fixed issue where linked text appears duplicated after link insertion in the Froala Angular editor inside a PWA.
Fixed issue where image caption HTML export includes contenteditable="true", causing editable captions outside the Froala Editor.
Fixed issue where ordered list numbering font family changes to Aptos when pasting content from Microsoft Word.
Fixed issue where images are not preserved when pasting content from Microsoft Word using a custom Base64 image upload handler.
Fixed issue with paste not working when the text to paste is longer than charCounterMax.
Fixed issue where applyStyle does not preserve v2 outer-wrap behavior for contentEditable="false" elements in Froala v4.
Fixed issue where table cell alignment applies to the entire instead of individual lines when there is no text selection.

Froala Editor v5.3.12026년 7월 15일

기능

Enhanced synchronization and editing experience in Collaborative Editing.

Froala Editor v5.3.02026년 7월 8일

기능

Added collaborative editing plugin.
Added Svelte.js Froala plugin.

수정 사항

Microsoft Word ordered list numbering not preserved when pasting content into Froala Editor.
List item indent increasing when backspaced.
Table style dropdown issue with custom options.
Popup position offset when using toolbarSticky: true + scrollableContainer in a flex layout.
Added support for editable custom font size input in font size dropdown.
Formatting toolbar state becomes inconsistent after deleting content with keepFormatOnDelete enabled.
Leading spaces added when pasting unformatted text from Microsoft Word.
Ordered list numbering does not inherit applied font size.
Added support for configurable Mammoth instance in Import from Word plugin (supports module-based builds like Vite).
Indent option disabled for list items.
Upload Image button remains hidden after window resize, and toolbar does not restore correctly.
Clipboard content persisted in localStorage, raising potential compliance concerns.
Image caption detached from image when applying styling (background color, bold, italic, etc.).
Table UI issues - dropdown text not wrapping, and table properties panel opening outside document view.
Underline formatting applied to entire content instead of selected text.
Word counter allows exceeding max limit when adding spaces or line breaks before punctuation.
Ctrl+Backspace issue in Firefox browsers, and console error when applying styling.
UI issue with pop-ups in dark theme.
Issue with List and Bold features.
Browser spellcheck correction removes adjacent text when URL plugin is enabled.

Froala Editor v5.2.02026년 5월 13일

기능

Added implementation of Filerobot Image Editor.

수정 사항

Fixed, Page Scrolls to Bottom When Dragging Find & Replace Popup.
Fixed, Issues on toolbaBottom: true and table editor pop-up in scrollableContainer.
Fixed, serialize-javascript vulnerability: upgrade to 7.0.3.
Fixed, Inconsistent Strikethrough Behavior in Text Editor.
Fixed, Formatting Not Retained for List Items When Pasting from Word Document into Froala Text Editor.
Fixed, MS Word: Image loses height and width attributes when iframeStyleFiles is configured.
Fixed, Toolbar buttons responsive state changes when refreshing the editor frame.
Fixed, Styled Image Formatting Lost on Copy-Paste (Firefox and Chrome).
Fixed (partially), Inline Styles Generated by Froala Are Blocked in Strict CSP Environments (No unsafe-inline Support).
Fixed, RTL Direction Not Preserved When Pasting or Importing Arabic Content from Word.
Fixed, Valid Image Removed After Pasting Invalid File Following Consecutive Image Uploads.
Fixed, Tick icon not displayed in color picker without Font Awesome.
Fixed, Editor Fails to Handle Inline Styles Containing Newline Characters (\n).
Fixed, Paste from Web Pages (Text + Images) Does Not Update Editor State in Froala Editor v5.0.1.
Fixed, The AI shortcut feature stays disabled after genearting a content.
Fixed, Numbered list resets on Tab and incorrect behavior when removing list numbering with Backspace.
Fixed, Underline formatting from DOCX is not preserved when using Import from DOCX plugin.
Fixed, Table becomes uneditable when only header row remains (cannot add new rows).
Fixed, Extra Bullet Points Added When Pasting Content from Froala Changelog Page(firefox only).
Fixed, Toolbar Dropdown Position Not Adjusting to Available Viewport Space.
Fixed, Font Style and Size Changes Apply Only to First Lines When htmlUntouched: true After Pasting from Word/Outlook.
Fixed, Page Break plugin: Unable to reliably drag or delete page break without selecting it.

Froala Editor v5.1.02026년 4월 1일

기능

Implemented AI Assist plugin.

수정 사항

Font size inconsistency in numbered list selection: ignoring last empty list item.
Decrease indent not working on ordered list.
Clicking image caption scrolls to top of editor.
Fixed issue with enter: FroalaEditor.ENTER_BR and <hr>.
Table plugin: Table properties and cell properties pop-ups display incorrectly on dark theme.
Backspace deletes character and the current line.
Accessibility: Fixed issue with the insert video pop-up.
Paragraph text wraps around table when table alignment is set to Left.
Accessibility issue on table cell properties.
Toolbar popover buttons not working on iPad (Safari).
Image caption partially hidden if user inserts link to image.
Missing translation in all language.
Incorrect edit popup positioning with sticky toolbar in scrollable container.
Image disappears when dragging and dropping mixed content (image + text) pasted from external sources.
Editor steals focus when fontSizeDefaultSelection or htmlUntouched is enabled.
"Advanced Edit" button can't be removed.
Image disappears after updating link text on a captioned image link.
paste.afterCleanup event triggered unexpectedly when moving/dragging a table inside the editor.
Strings in drop down lists are not localized.

Froala Editor v5.0.12026년 2월 18일

수정 사항

Vertical cell split propagates incorrectly to adjacent cells after inserting a row above in a table.
Accidental vertical cell resizing triggered by a simple click on the cell border.
Accessibility issue - aXe identified missing labels on the style options menu icon.
Image popup appears behind the editor and is not displayed on top.
Selection highlight appears over the font list popup in iOS mobile view.
Sub-bullets convert to numbered lists and font becomes inconsistent after using 'Clean' on Word paste.
An extra '.' character is added when toggling Code View with a >textarea< inside the editor.
tableStyle toolbar option not working as expected.
toolbarSticky does not work correctly with multiple editors.
Support for partial read-only mode (enable selected toolbar buttons when editor.edit.off() is called).
Fixed issue with adding color to the Lists items.
Fixed issue with the table selection feature.
Email address automatic linking.
Editor does not auto-scroll or maintain focus when pasting content from Word or another editor.
tableDefaultBGColor incorrectly applied the tableDefaultBorderStyle value to the background color.
'URI Malformed' error occurs when inserting a link containing a percent symbol (%).

Froala Editor v5.0.0주요 버전2026년 1월 15일

기능

Code Snippet
- The Code Snippet plugin adds syntax-highlighted code blocks to your editor. Supports JavaScript, Python, HTML, CSS, TypeScript, Java, C++, SQL, and JSON. Works across Chrome, Firefox, Edge, and Safari.
- Inserting Code Snippets
  - Click the “Insert Code Snippet” button in the toolbar to open the code entry modal. Select a programming language from the dropdown and paste or write your code. Syntax highlighting applies automatically.
- Code Block Rendering
  - Code snippets are rendered in a monospace font within styled <pre> and <code> blocks, ensuring precision and consistency. The plugin intelligently preserves indentation and line breaks, maintaining the exact formatting developers intended. By default, code blocks are read-only, protecting formatting integrity while allowing users to view and reference code.
- Edit, Remove, and Copy
  - Use the Code Snippet toolbar to edit, remove, or copy code blocks. The “Copy to Clipboard” button copies the code with formatting intact.
- Developer Control and Customization
  - Provides a comprehensive set of options, methods, and events that give developers programmatic control over the code snippet feature.
  - The plugin configuration options allow developers to customize the code snippet feature according to their needs.
  - Additionally, there are methods for code snippet insertion, updating, and display. These methods enable you to integrate code snippet functionality into your custom workflows and automate code block management.
  - The Code Snippet plugin exposes powerful events that allow you to hook into the code insertion lifecycle. These events enable you to implement custom validation, analytics tracking, and dynamic code processing.
Import from MS Word
- Added the ability to import content from Microsoft Word documents into the editor while preserving formatting, styles, and structure. This feature simplifies the transition for users who draft content in Word, ensuring compatibility and reducing the need for manual adjustments, enhancing productivity and usability across platforms.
- Allows users to upload Word documents and have all their work instantly available in the editor, exactly as intended.
- The plugin supports drag-and-drop importing, allowing users to simply drag Word files directly into the editor for instant import.
Table Enhancements
- Smarter Line Break Handling in Table Cells
  - Introduces the retainLineBreaksInCellsOnWrap option, which gives you control over how line breaks are handled when cell content wraps to multiple lines.
  - By default, Froala now retains line breaks within table cells when content wraps (retainLineBreaksInCellsOnWrap: true). This is particularly useful for content creators who intentionally format their cell content with line breaks for readability and structure.
  - If you prefer the behavior where line breaks are removed during wrapping, you can simply disable this feature by setting retainLineBreaksInCellsOnWrap to false. This flexibility ensures Froala adapts to your specific workflow and content requirements.
  - Cleaner Table Styling Defaults
    - Refines how table styling defaults are applied, giving you more control and preventing unnecessary styling overhead.
- Two table styling configurations have been updated with improved defaults:
  - tableDefaultBorderWidth - Now defaults to an empty string (”) instead of a predefined value.
  - tableDefaultBorderStyle - Now defaults to an empty string (”) instead of a predefined value.
- By changing these defaults to empty strings, Froala now takes a “blank slate” approach: new tables created without enforcing any specific border styling. This means:
  - More Design Freedom - You have complete control over table appearance from the start.
  - Cleaner HTML - Less unnecessary inline styling declutters your code.
  - Better CSS Integration - Tables integrate seamlessly with your site’s stylesheet without style conflicts.
  - Consistent Branding - Apply your own design system directly through CSS rather than fighting against defaults.
- Newly created tables now appear with minimal or no visible borders by default. Borders are easy to add. Using the table toolbar, you can quickly apply border styles that match your content needs.
- If you need the old behavior where borders are suggested by default, you can easily restore it by explicitly setting these configuration options in your Froala initialization.

수정 사항

Fixed table inline style which added width: 100% causing signature table distortion.
Multilevel lists lost after cleaning Word content.
List functions were broken on pasted content (Firefox only).
toolbarContainer ignored for multiple editors, toolbar duplicates on new editor.
Rich text editor fails on second image link creation.
Find and replace plugin in Froala Editor unintended form submission inside <form> tag.
Normal spaces were replaced by non-breaking spaces.
Fixed code snippet insertion.
MS Edge: Suggested text does not get replaced correctly on autocorrect.
Extra <br> tag was removed inside table cell during whitespace cleanup.
Fixed a z-index issue with Froala Editor image popup menu in multi-instance setup (v4.3.1+).
Image resizing fails in Froala editor within an iframe.
Fixed, iPhone: Cursor jumps to first line when changing Font Family from bottom toolbar.
Consider returning the dedicated table cell background button (tableCellBackground).
Fixed pasted paragraph alignment which was not preserved from MS Word.
Pasting tabular data after copying HTML signature pastes old clipboard content instead.
Multiple duplicate images inserted when pasting screenshots in Froala.
Border style options like "Solid" and "Dashed" are not translated in table properties.
Tamil language content not wrapping in table cells.
Hebrew numbering replaced with “1”.
Fixed UI Issues with Froala Editor: Image replaced popup position and align center tooltip error.
Extra empty bullet inserted on decrease indent with `htmlUntouched: true`.
Aligning selected text removes <br> tags inside table, causing layout shift.

Froala Editor 릴리스

연락처

전화 주세요

실시간 채팅