Released: Jan 15, 2026

v5.0.0 での更新項目

機能

• 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.