✅ Link to plugin page: https://bubble.io/plugin/modern-rich-text-editor-editorjs-1588965419744x293900219628912640

Demo to preview the plugin:

✅

Live Demo: https://texteditordemo.bubbleapps.io/

✅

Bubble Editor: https://bubble.io/page?&name=version-live&id=texteditordemo

Introduction

This is a modern, block-based, responsive, rich text editor that supports advanced features.

✅ Supports auto-binding. ✅ Supports ‘Tagging / Mentioning’ (with @ symbol). ✅ Exports JSON (as text) and HTML. ✅ Supports read only mode. ✅ Ability to make uploaded files private. ✅ Internationalization features. ✅ Ability to compress uploaded images. ✅ Reorder blocks by drag and drop.

➡️ This plugin supports the following blocks/features: - Paragraphs - Headings (H1, H2, H3, H4, H5, H6) - Inline toolbar with ‘bold’, ‘italics’, ‘underline’, ‘strikethrough’, ‘text alignment’, ‘code’, ‘marker’, ‘link’ options and ability to change the block type - Uploading / dragging and dropping of images - Uploading of files using the “attachment” block - Workflow action to clear the editor - Workflow action to display data in the editor - Workflow action to add a block to the editor - Workflow trigger when the content is changed - Workflow action to display text (instead of JSON) - Workflow action to re-render the editor - Ability for ‘Tagging / Mentioning’ (with @ symbol) - Ability to add lists & nested lists - Ability to add tables - Ability to add checklists - Ability to add quotes - Ability to add delimiters - Ability to add warnings - Ability to add code fields - Ability to add buttons - Ability to add footnotes (light mode only) - Auto embed of specific links - Default shortcuts for blazing fast navigation

Plugin Element Properties

Modern Rich Text Editor

Fields:

Title	Description	Type
Enable read only	This means that users won’t have the ability to change the document content.	Checkbox (yes/no)
Set focus when loaded	Automatically focuses the input when it is loaded	Checkbox (yes/no)
Initial data (JSON)	Here you can show the saved JSON data from the editor as initial data. If you want to use Plain Text as initial data, you can use the ‘Display Text’ workflow action.	Text (optional)
Placeholder	General placeholder for regular text blocks	Text (optional)
Placeholder color	The color of the placeholder text in the editor	Color
	Header Block
Hide header block	controls the visibility of the header block tool within the editor. When this property is set to `true`, it disables and hides the header block from the editor toolbar, preventing users from adding or editing header elements.	Checkbox (yes/no)
Header placeholder	Provides a placeholder for the header block, guiding users to add a heading or title. If not set, it defaults to an empty string.	Text (optional)
Heading levels	Comma separated list of heading levels. Supports integer values from 1 to 6.	Text
Default heading level	The default level for your heading.	Number
H1 font size	H1 heading font size	Number
H1 font weight	Available options: 100, 200, 300, 400, 500, 600, 700, 800, 900	Dropdown
H2 font size	H2 heading font size	Number
H2 font weight	Available options: 100, 200, 300, 400, 500, 600, 700, 800, 900	Dropdown
H3 font size	H3 heading font size	Number
H3 font weight	Available options: 100, 200, 300, 400, 500, 600, 700, 800, 900	Dropdown
H4 font size	H4 heading font size	Number
H4 font weight	Available options: 100, 200, 300, 400, 500, 600, 700, 800, 900	Dropdown
H5 font size	H5 heading font size	Number
H5 font weight	Available options: 100, 200, 300, 400, 500, 600, 700, 800, 900	Dropdown
H6 font size	H6 heading font size	Number
H6 font weight	Available options: 100, 200, 300, 400, 500, 600, 700, 800, 900	Dropdown
	Image Block
Hide image	Controls the visibility of the image block tool in the editor. When this property is set to `true`, it disables and removes the ability for users to add or edit images within the editor.	Checkbox (yes/no)
Hide image caption fields	Controls the visibility of the caption input field that appears under images in the editor. When set to `true`, it hides the caption area, preventing users from adding or editing image captions.	Checkbox (yes/no)
Image caption placeholder	Placeholder text for the caption area under images in the editor. When users add an image, this placeholder will guide them to add a caption if needed.	Text (optional)
Image compression	For full quality you can pass 1, for high compression you can pass values like 0.1 or 0.5 etc. High compression makes images smaller to save Bubble storage and they will load faster!	Number
Delete image on backspace	Allows users to delete images by pressing the backspace key in the editor. When this property is set to `true`, it allows users to remove an image block by hitting backspace when the image is selected or focused.	Checkbox (yes/no)
	List Block
Hide list	Controls the visibility of the list block tool in the editor. When this property is set to `true`, it disables and removes the ability for users to create or edit lists (both ordered and unordered) within the editor.	Checkbox (yes/no)
Show list inline toolbar	Controls whether the inline toolbar for list blocks (ordered and unordered) is visible in the editor. The inline toolbar allows users to access formatting options directly while working on a list.	Checkbox (yes/no)
List default style	Available options: unordered, ordered	Dropdown
Enable nested lists	When enabled, nested lists will be supported. ‘List default style’ is not supported for this option	Checkbox (yes/no)
Dash + Space creates list	When enabled, ‘-’ will automatically be recognized and turned into a list block	Checkbox (yes/no)
	Other Inline Tools
Hide text alignment	Hides the alignment tool for paragraphs, headers and lists.	Checkbox (yes/no)
Hide inline marker	Controls whether the marker tool (which allows users to highlight text with a background color) is available in the editor. When this property is set to `true`, it disables and hides the marker tool, preventing users from using it to highlight text.	Checkbox (yes/no)
Hide strikethrough tool	Controls whether the strikethrough formatting option is available in the editor. When this property is set to `true`, it disables and hides the strikethrough tool, preventing users from applying strikethrough formatting to their text.	Checkbox (yes/no)
	Quote Block
Hide quote	Controls the visibility of the quote block tool in the editor. When this property is set to `true`, it disables and hides the quote block tool, preventing users from adding or editing blockquotes in the editor.	Checkbox (yes/no)
Show quote inline toolbar	Controls whether the inline toolbar for the quote block is visible in the editor. The inline toolbar allows users to access additional formatting options directly when working with blockquotes.	Checkbox (yes/no)
Quote message placeholder	Sets the placeholder text that appears in the body of the quote block within the editor.	Text (optional)
Quote title placeholder	Sets the placeholder text that appears in the title area of a quote block within the editor.	Text (optional)
	Checklist Block
Hide checklist	Controls the visibility of the checklist block tool within the editor. When this property is set to `true`, it disables and hides the checklist block tool, preventing users from adding or editing checklists in the editor.	Checkbox (yes/no)
Show checklist inline toolbar	Controls whether the inline toolbar for checklist blocks is visible in the editor. The inline toolbar provides users with formatting options directly while they are working on a checklist block.	Checkbox (yes/no)
	Delimiter Block
Hide delimiter	Controls the visibility of the delimiter block tool within the editor. A delimiter is a visual separator (often a line) that divides content blocks. When this property is set to `true`, it disables and hides the delimiter block tool, preventing users from adding or editing delimiters in the editor.
Show delimiter inline toolbar	Controls whether the inline toolbar for the delimiter block is visible in the editor. The inline toolbar allows users to access additional formatting or customization options for the delimiter directly while working with it.	Checkbox (yes/no)
Display as line	Controls whether the delimiter block is displayed as a line in the editor. When this property is set to `true`, the delimiter appears as a horizontal line, providing a visual break between blocks of content.	Checkbox (yes/no)
Line color	Delimiter line color	Color
Line width (pixels)	Delimiter line width(defaults to 2)	Number
	Code Tool Block
Hide code tool	Controls the visibility of the code block tool within the editor. When this property is set to `true`, it disables and hides the code block tool, preventing users from adding or editing code blocks in the editor.	Checkbox (yes/no)
Hide inline code	Controls the visibility of the inline code formatting tool within the editor. When this property is set to `true`, it disables and hides the inline code tool, preventing users from applying inline code formatting to text.	Checkbox (yes/no)
	Table Block
Hide table	Controls the visibility of the table block tool in the editor. When this property is set to `true`, it disables and hides the table tool, preventing users from adding or editing tables within the editor.	Checkbox (yes/no)
Show table inline toolbar	Controls whether the inline toolbar for table blocks is visible in the editor. The inline toolbar provides users with additional formatting and table management options while working with tables directly within the content.	Checkbox (yes/no)
	@ Mention / Tag Options
Disable @ mention / tagging	When enabled, you can mention users by typing the symbol ‘@’. You will need to specify the data list below. Please provide ‘Name’, ‘Display name’ and ‘ID’ values.	Checkbox (yes/no)
Mention name data	A list of text that is the same length as the other ‘mention’ data that contains the Name (name shown in searchable popup menu) of the data item you are showing	Text (optional)
Mention display name data	A list of text that is the same length as the other ‘mention’ data that contains the Display Name (name shown in editor) of the data item you are showing	Text (optional)
Mention ID data	A list of text that is the same length as the other ‘mention’ data that contains the ID of the data item you are showing	Text (optional)
Mention symbol	Defines the trigger character or symbol used to activate certain functionalities, such as mention or tagging features, within the editor. When a user types this character, it triggers the appearance of a dropdown or selection list for tagging specific users or content.(defaults to “@”)	Text
Mention tag font color	Mention tag font color	Color
Mention tag BG color	Mention tag background color	Color
Mention tag border color	Mention tag border color	Color
	Warning Block
Hide warning	Controls the visibility of the warning block tool in the editor. When this property is set to `true`, it disables and hides the warning tool, preventing users from adding or editing warning blocks within the editor.	Checkbox (yes/no)
Warning title placeholder	Sets the placeholder text that appears in the title area of a warning block in the editor. This placeholder guides users by providing a hint or instruction on where to input the title for the warning block.	Text (optional)
Warning message placeholder	Sets the placeholder text that appears in the message or body area of a warning block within the editor. This placeholder helps guide users by indicating where to input the main content or message for the warning block.	Text (optional)
	Embed Options
Auto embed links	Controls whether the editor automatically embeds links when a user pastes a URL into the content. When this property is set to `true`, URLs are automatically converted into embedded content, such as videos or other rich media, where applicable.	Checkbox (yes/no)
	Styling Options
Main color	Defines the primary color used across various elements in the editor. This color is applied to buttons, highlights, borders, and other interactive or visually prominent parts of the interface to create a consistent theme.	Color
Marker color	Defines the background color used for the marker tool, which highlights text in the editor. This color is applied to text that has been marked or highlighted using the marker tool, making the highlighted text stand out from the rest of the content.	Color
Link color	Defines the color used for hyperlinks within the editor. This color is applied to any text that has been turned into a clickable link, ensuring that it stands out as an interactive element.	Color
Inline code font color	Defines the text color used for inline code snippets in the editor. This property ensures that inline code stands out from regular text, providing clear visibility and distinction for code within a block of text.	Color
Inline code BG color	Defines the background color used for inline code snippets in the editor. This property helps to visually distinguish inline code from regular text by giving it a unique background, making the code stand out.	Color
Toolkit focus color	Defines the background color used to highlight or emphasize a tool or block in the editor when it is focused or selected. This visual cue is important for enhancing user interaction by clearly indicating which tool or block is active.	Color
Toolkit focus border color	Defines the border color used to highlight an element, tool, or block when it is focused or selected in the editor. This property visually distinguishes the active element by applying a colored border, providing a clearer focus indication to users.	Color
Toolkit hover BG color	Defines the background color that is applied to tools or elements in the editor when they are hovered over.	Color
Toolbox BG color	Defines the background color of the toolbox in the editor.	Color
Toolbox border color	Defines the border color of the toolbox and related elements in the editor.	Color
Search bg color	Defines the background color of the search field within the editor.	Color
Icon BG hover color	Defines the background color that appears when a user hovers over an icon or button in the editor.	Color
Tooltip BG color	Defines the background color of tooltips that appear within the editor.	Color
Tooltip font color	Defines the text color used inside tooltips within the editor.	Color
Block highlight color	Defines the background color used to highlight or emphasize content blocks when they are selected or in focus within the editor.	Color
Bottom padding	There is a 300px padding at the bottom of the editor to make room for the toolbox, you can overwrite it using this field	Number
	File Uploader Options
Hide file uploader block	Controls whether the file uploader tool is available in the editor. When this property is set to `true`, it disables and hides the file upload functionality, preventing users from uploading and attaching files within the editor.	Checkbox (yes/no)
File BG Color	Defines the background color of the file uploader tool in the editor.	Color
File Border Color	Defines the border color of the file uploader tool in the editor.	Color
File 2nd BG Color	Defines the secondary background color for the file uploader tool in the editor.	Color
File 2nd BG Hover Color	Defines the background color that appears when a user hovers over certain elements in the file uploader tool.	Color
File secondary text color	Defines the color of secondary text elements within the editor’s file uploader. This color is typically applied to less prominent text, such as labels, captions, or instructions, helping distinguish it from primary content while maintaining readability.	Color
Upload file button text	Upload file button text	Text
	Toggle Block [BETA] Options
Hide toggle block	Controls whether the toggle block tool is available in the editor. When this property is set to true, it disables and hides the toggle block tool, preventing users from adding or editing toggle blocks within the editor.	Checkbox (yes/no)
	Button [Deprecated] Options
Hide button	Controls the visibility of the button block tool within the editor. When this property is set to `true`, it disables and hides the button tool, preventing users from adding or editing buttons within the editor.	Checkbox (yes/no)
	Privacy Options
	You can attach uploaded files to a thing in Bubble so privacy rules will be applied to these files
Make files private	Controls whether the files uploaded through the editor are set as private or public. When this property is set to `true`, the files are marked as private, meaning they can only be accessed by authorized users or through secure means.	Checkbox (yes/no) (optional)
Attach files to	A thing in Bubble. For example: ‘Current user’. The uploaded files will respect the privacy rules set to that data type.	Any Thing (optional)
	Internationalization(fill with equivalent in your language)
Paragraph		Text
Heading		Text
List		Text
Attachment		Text
Warning		Text
Checklist		Text
Quote		Text
Code		Text
Delimiter		Text
Table		Text
Button		Text
Image		Text
Link		Text
Marker		Text
Bold		Text
Italic		Text
Inline code		Text
Underline		Text
Delete		Text
Click to delete		Text
Move up		Text
Move down		Text
Click to tune		Text
Convert to		Text
Add		Text
Toggle		Text
	Fields related to the Table Block
Add column to left		Text
Delete column		Text
Add column to right		Text
Add row above		Text
Add row below		Text
With headings		Text
Without headings		Text
	Fields related to the Image Block
With border		Text
Stretch image		Text
With background		Text
	Other Options
Enable reorder by drag and drop?	When enabled, you can click, hold and drag the tune icon to reorder the blocks	Checkbox (yes/no)
Instantly trigger change event	This will trigger the change event as fast as possible instead when the editor gets blurred. Keep in mind that this can cause a feedback loop if you are changing a thing the editor uses as well	Checkbox (yes/no)
Hide search field	Hide the search field that shows up in the toolbox	Checkbox (yes/no)
Display Plus & Setting icon below block	Experimental. Display the Plus and Settings icon below the block. This allows you to reduce the left / right marging	Checkbox (yes/no)
Hide Plus & Settings icon	This will hide the plus and settings icon at the left of the text editor. This is handy if you want to use the editor as a simple input while keeping the ability to bold, underline, mention etc. The left and right padding will also be set to 0px.	Checkbox (yes/no)
Hide inline toolbar	This will hide the inline toolbar that appears when selecting content.	Checkbox (yes/no)
Reset highlighted/selected state	Resets highlighted/selected state when element outside the text editor is highlighted/selected	Checkbox (yes/no)
	Initial block: make sure the selected initial block is actually enabled.
Initial block	Important: Make sure the selected block is enabled! Available options: paragraph, header, image, list, quote, checklist, code, delimiter, table, warning	Dropdown

Element Actions

Reset - resets the editor

Display Data (JSON) - renders content in the editor based on provided data(JSON)

Title	Description	Type
Data (JSON)	Here you can add the saved JSON data from the editor output to display in the editor.	Text

Insert Empty Block - inserts a new content block into the editor at a specified position

Title	Description	Type
Block type	Choose from (case sensitive): paragraph, header, image, list, quote, checklist, inlineCode, delimiter, table, warning	Text
Index (optional)	Position for block. By default, it will inserted after current Block	Number (optional)

Display Plain Text - takes raw text input, convert it into paragraph blocks, and render it within the editor.

Title	Description	Type
	You can use this workflow action to display plain text data (not JSON) inside the editor. If you want to show the JSON response of the editor, use the ‘Display Data (JSON)’ action.
Data (text)	Here you can add text that will be converted to paragraph blocks	Text

Insert Paragraph (text) Block - takes a multi-line text input, splits it into individual lines, and inserts each line as a paragraph block into the editor at a specified position (or at the end by default).

Title	Description	Type
Text to display	The input data that is expected to be a multi-line string.	Text
Index (optional)	A value between 1 - N. The index to place the block. If empty, the last mouse position will be used.	Number (optional)

Re-render - triggers a re-rendering of the editor content

Title	Description	Type
	You will only need this action in rare occasions. One occasion might be to run this action after enabling Read Only mode.

Insert Text at Cursor Position - either replaces the currently selected text in the editor or inserts new content at the selection point

Title	Description	Type
Text	Content to be inserted	Text
Replace highlighted text?	This will replace the text in the Editor if that text is highlighted/selected	Checkbox (yes/no)

Focus the Editor - sets the focus in the editor, allowing the caret (cursor) to be positioned either at the end of the content or elsewhere depending on the specified property

Title	Description	Type
Set focus at the end?	Determines where the caret (text cursor) is positioned when the editor is focused. It controls whether the caret should be placed at the end of the content or remain at its previous position.	Checkbox (yes/no)

Insert Block Using JSON - inserts a new block into the editor using specified block type and data. It allows users to add structured content at specific positions within the editor

Title	Description	Type
JSON data	The JSON data for a single block. For example (image block): {“file”:{“url”:“https://s3.amazonaws.com/appforest_uf/xxxxxxxxxxxxxxx.png”},“caption”:““,”withBorder”:false,“stretched”:false,“withBackground”:false}	Text
Index (optional)	A value between 1 - N. The index to place the block. If empty, the last mouse position will be used.	Number (optional)
Block type	Choose from (case sensitive): paragraph, header, image, list, quote, checklist, inlineCode, delimiter, table, warning	Text

Toggle Formatting on Highlighted Text (BETA) - dynamically applies or removes inline text formatting (such as bold, italics, underline, etc.) based on the user's selection

Title	Description	Type
	This workflow action will format or un-format highlighted text in the editor. Make sure the selected formatting option is not disabled inside the plugin properties.
Format type	Available options: Bold, Italics, Underline, Strikethrough, Link, Code, Marker, Code	Dropdown
	Link Options
URL	Used when the `format_type` is "Link" to set the `href` attribute of the anchor tag (`<a>`), making the selected text a clickable link.	Text (optional)

Display HTML - converts HTML content into Modern RTE - compatible block JSON format and renders the blocks in the editor.

Title	Description	Type
HTML data	Input your HTML the render in the editor.	Text

Insert Mention / Tag at Cursor Position - handles the insertion or replacement of a formatted "mention" (typically a username or tag) within the editor at the current selection.

Title	Description	Type
	Ensure that the Mentioning/Tagging feature is activated and the data you wish to enter is included in the Mentioning/Tagging data list within the plugin properties.
Mention display name	The name or text to display inside the mention span.	Text
Mention ID	The unique identifier for the mention, which is assigned to the `id` attribute of the created `<span>` element.	Text
Replace highlighted text?	This will replace the text in the Editor if that text is highlighted/selected	Checkbox (yes/no)

Exposed states

Title	Description	Type
Value (JSON as text)	A JSON object that contains the content of the editor in a structured block format.	Text
Value (HTML) (ignores warning block)	The rendered HTML version of the editor's content. This allows for the editor’s blocks (paragraphs, headers, images, etc.) to be converted into standard HTML, which can be displayed or embedded in a webpage.	Text
Total block count	The number of content blocks currently present in the editor.	Number
Is loaded?	Indicates whether the editor has fully initialized and loaded its content.	yes/no
Current block index	The index of the currently selected or active block within the editor.	Number
Plain text data (only text content)	Refers to the raw, unformatted text extracted from the content of the editor	Text
Highlighted/selected value	The text that the user has selected within the editor	Text
Focused?	Indicates whether the editor or a specific block within the editor is currently active and has user focus.	yes/no
Uploaded image	The image file that has been uploaded and is available for use in the editor	Image
List of Mentions (Name data)	List of names that have been mentioned or tagged within the editor, typically used to track or display the users or entities referenced in the content.	Text
List of Mentions (Display Name data)	List of display names for users or entities that have been mentioned or tagged within the editor. These names are typically shown in the content to visually represent the mentioned users or entities.	Text
List of Mentions (ID data)	List of unique identifiers (IDs) associated with the users or entities that have been mentioned or tagged within the editor. These IDs are used to track and reference the mentioned users or entities programmatically.	Text
Uploaded file	A file that has been uploaded within the editor	File

Element Events

Title	Description
Content is changed	Triggered when the content within the editor has been modified
Editor is loaded	Triggered when the editor has fully initialized and is ready for user interaction
Image is uploaded	Triggered when an image has been successfully uploaded to the editor
Undo / Redo Action Performed	Triggered when either an undo or redo operation is performed within the editor, allowing users to revert or reapply changes made to the content.
File is uploaded	Triggered when a file has been successfully uploaded to the editor

Changelogs

Update 30.10.24 - Version 1.104.0

Fixed problem with autobinding and uploaded images name.

Update 10.10.24 - Version 1.103.0

Acquired by Zeroqode.

Update 16.09.24 - Version 1.102.4

Added ability to display delimiter as a line.

Update 07.09.24 - Version 1.102.3

Improved the global placeholder styling.

Update 07.09.24 - Version 1.102.2

Fixed a bug causing the placeholder color to not reflect the set color.

Update 03.09.24 - Version 1.102.1

Update nested list block to latest version.

Update 23.08.24 - Version 1.102.0

The button block is now disabled by default .

Update 22.08.24 - Version 1.101.3

Improvements for block drag-and-drop.

Update 22.08.24 - Version 1.101.2

Minor optimizations.

Update 22.08.24 - Version 1.101.1

Fix for bug causing toolbar to not show when toolbox was hidden.

Update 22.08.24 - Version 1.101.0

Added file upload max size control, a new attachment block, fix for drag and drop of blocks and dependency upgrades.

Update 10.08.24 - Version 1.100.4

Fix for a browser console error that shows up in rare cases.

Update 31.07.24 - Version 1.100.3

Fixed a bug regarding the undo action and the data output.

Update 12.06.24 - Version 1.100.2

Fix for a bug caused by "delete_image_on_backspace" when read only mode is enabled.

Update 08.06.24 - Version 1.100.1

Improvements for update 1.100.0.

Update 08.06.24 - Version 1.100.0

Fixed a "backspace to delete" bug regarding the normal List block.

Update 07.06.24 - Version 1.99.3

Added translation fields for the image block properties.

Update 04.06.24 - Version 1.99.2

Additional improvements for Display HTML action.

Update 04.06.24 - Version 1.99.1

Display HTML actions now supports non-nested lists.

Update 04.06.24 - Version 1.99.0

Rebuilt the display HTML action + other improvements.

Update 15.05.24 - Version 1.98.4

Improvements for highlighting nested list items.

Update 15.05.24 - Version 1.98.3

General improvements.

Update 15.05.24 - Version 1.98.2

Improvements for the undo action.

Update 15.05.24 - Version 1.98.1

Improvements regarding the list block.

Update 11.05.24 - Version 1.98.0

Added a workflow action to format texts (Bold, Italics, Link etc.).

Update 07.05.24 - Version 1.97.8

Added support for animated GIFs.

Update 06.05.24 - Version 1.97.7

You can now specify the color of links added in the RTE.

Update 01.05.24 - Version 1.97.6

Implemented margin fix for some widths.

Update 30.04.24 - Version 1.97.5

Added the ability to specify the "Initial block".

Update 11.04.24 - Version 1.97.4

Improved the logic for selecting multiple nested bullet points.

Update 05.04.24 - Version 1.97.3

Dependency updates.

Update 05.04.24 - Version 1.97.2

Minor improvements and removed the deprecated footnotes block.

Update 20.03.24 - Version 1.97.1

Improvements & Footnote block is deprecated, will be removed in a future update.

Update 19.03.24 - Version 1.97.0

You can now customize Heading Levels + Set Default Level.

Update 01.03.24 - Version 1.96.5

Added more internationalization fields for the Table Block.

Update 28.02.24 - Version 1.96.4

Fixed a bug that removed the transparency from PNG images.

Update 26.02.24 - Version 1.96.3

Added the ability to highlight nested items in a list.

Update 11.02.24 - Version 1.96.2

Fixed a bug that caused recursive mentions.

Update 31.01.24 - Version 1.96.1

Fixed a bug caused by the toolbox.

Update 02.01.24 - Version 1.96.0

You can now hide the search field and display the icons below block!.

Update 02.01.24 - Version 1.95.3

Fixed a bug regarding the 'total block count' state.

Update 29.12.23 - Version 1.95.2

Improvements.

Update 27.12.23 - Version 1.95.1

Improvements.

Update 20.12.23 - Version 1.95.0

Enabled re-ordering by drag and drop. You can also disable this feature.

Update 19.12.23 - Version 1.94.0

Added the feature to insert mentions via workflow actions.

Update 10.12.23 - Version 1.93.0

Added option to hide image caption field + backspace to delete image + other image improvements.

Update 06.12.23 - Version 1.92.0

Fixed a bug for the Checklist block causing enter not to add a new item.

Update 04.12.23 - Version 1.91.1

Performance improvements.

Update 30.11.23 - Version 1.91.0

Improvements for the mentioning feature.

Update 15.11.23 - Version 1.90.0

Implemented a 'Text' style cursor when hovered the Text editor for better UX.

Update 10.11.23 - Version 1.89.2

Improved autobinding and the Insert at cursor position WF action.

Update 09.11.23 - Version 1.89.1

Minor improvements.

Update 08.11.23 - Version 1.89.0

Improved autobinding when data is empty.

Update 06.11.23 - Version 1.88.1

Improvements for the shortcut to create a list.

Update 06.11.23 - Version 1.88.0

Improvements for the delimiter block when mentioning is enabled.

Update 02.11.23 - Version 1.87.0

Added a workflow option to display HTML data in the editor.

Update 01.11.23 - Version 1.86.1

Improvements.

Update 01.11.23 - Version 1.86.0

Added ability to hide inline toolbar + Updated Strike-Through icon.

Update 29.10.23 - Version 1.85.5

Improvements to mentions in read only mode.

Update 29.10.23 - Version 1.85.4

Improvements for Read Only mode.

Update 29.10.23 - Version 1.85.3

Improved the sanitize function of the table block.

Update 29.10.23 - Version 1.85.2

Improvements for the mention feature.

Update 29.10.23 - Version 1.85.1

Improvements for the 1.85.0 update.

Update 29.10.23 - Version 1.85.0

SHIFT + ENTER now creates and saves line break in table cell!.

Update 26.10.23 - Version 1.84.4

Patch.

Update 26.10.23 - Version 1.84.3

Improvements.

Update 26.10.23 - Version 1.84.2

Added the ability to hide the plus and settings icon.

Update 26.10.23 - Version 1.84.1

Minor improvements for the toggle block.

Update 25.10.23 - Version 1.84.0

Improved the 'Display plain text' workflow action.

Update 25.10.23 - Version 1.83.0

Fixed a bug regarding the "Add JSON Block" WF action.

Update 25.10.23 - Version 1.82.2

Improvements.

Update 25.10.23 - Version 1.82.1

Improvements.

Update 25.10.23 - Version 1.82.0

Improved Undo/Redo + Blanks are preserved in the Paragraph block!.

Update 23.10.23 - Version 1.81.1

Improvements to the styling properties.

Update 18.10.23 - Version 1.81.0

Improved read only mode.

Update 18.10.23 - Version 1.80.0

Fixed a bug causing Plain text Output to be longer than expected.

Update 18.10.23 - Version 1.79.0

Performance improvements + Updated important features.

Update 18.10.23 - Version 1.78.0

Fixed a bug caused when a normal and read only instance were loaded at the same time.

Update 18.10.23 - Version 1.77.0

Fixed a bug regarding the saved state being empty sometimes.

Update 18.10.23 - Version 1.76.3

Old version with updated paragraph block.

Update 18.10.23 - Version 1.76.2

Fixed a bug related to Undo action.

Update 17.10.23 - Version 1.76.1

Improvements.

Update 17.10.23 - Version 1.76.0

Important Fix: jsDelivr files are now set to a fixed version.

Update 17.10.23 - Version 1.75.0

Fix for paragraph block not loading.

Update 12.10.23 - Version 1.74.0

Improvements for empty editors with auto binding enabled.

Update 11.10.23 - Version 1.73.1

Improvements.

Update 11.10.23 - Version 1.73.0

Improved Read Only mode and fixed a bug regarding drag and drop of images.

Update 11.10.23 - Version 1.72.2

Updated to node 18.

Update 10.10.23 - Version 1.72.1

Autobinding improvements.

Update 10.10.23 - Version 1.72.0

Fixed a bug regarding Read Only Mode.

Update 10.10.23 - Version 1.71.3

Minor bug fixes.

Update 10.10.23 - Version 1.71.2

Improvements.

Update 10.10.23 - Version 1.71.1

Added styling options.

Update 10.10.23 - Version 1.71.0

Improved the 'Display plain text' workflow action.

Update 10.10.23 - Version 1.70.3

Stability improvements.

Update 10.10.23 - Version 1.70.2

Optimizations .

Update 10.10.23 - Version 1.70.1

Improvements.

Update 10.10.23 - Version 1.70.0

No re-render needed when enabling read-only mode. Plugin renders content 8x as fast!.

Update 09.10.23 - Version 1.69.4

Improved the way the style options are applied to the editor.

Update 09.10.23 - Version 1.69.3

Improvements.

Update 09.10.23 - Version 1.69.2

Improvements.

Update 05.10.23 - Version 1.69.1

Improvements.

Update 30.09.23 - Version 1.69.0

Added the feature to compress uploaded images.

Update 28.09.23 - Version 1.68.0

Added the ability to change the inline code colors + added the ability to enable instantly triggering of change event.

Update 18.09.23 - Version 1.67.1

Improvements.

Update 16.09.23 - Version 1.67.0

Improved the Drag and Drop indicator e.g. for images.

Update 06.09.23 - Version 1.66.1

Fixed a bug that resets the editor in certain situations.

Update 06.09.23 - Version 1.66.0

Added the ability to change the mention '@' symbol.

Update 27.08.23 - Version 1.65.3

Improvements.

Update 09.08.23 - Version 1.65.2

The specified ID data will be the ID attribute for the Mention <span> element ion the Editor.

Update 09.08.23 - Version 1.65.1

Improvements for the Mention / Tagging feature in read only mode.

Update 09.08.23 - Version 1.65.0

Added the ability for Mentioning / Tagging with '@ symbol'!.

Update 27.07.23 - Version 1.64.0

Added the ability to change the 'Block highlight color'.

Update 24.07.23 - Version 1.63.0

Fixed a Z-index bug for Tooltips in floating groups.

Update 23.07.23 - Version 1.62.0

Added the ability to hide the loader.

Update 21.07.23 - Version 1.61.2

Stability improvements.

Update 21.07.23 - Version 1.61.1

Improvements.

Update 21.07.23 - Version 1.61.0

Added the feature to hide the alignment tool.

Update 06.07.23 - Version 1.60.0

Improved the feature that turned '- ' into bullets to only work in paragraph blocks.

Update 19.06.23 - Version 1.59.1

Improvements.

Update 19.06.23 - Version 1.59.0

Added the 'Toggle' block!.

Update 08.06.23 - Version 1.58.0

Fixed a bug regarding the checkboxes.

Update 17.05.23 - Version 1.57.1

Bug fixes.

Update 17.05.23 - Version 1.57.0

Improvements.

Update 17.05.23 - Version 1.56.0

Upgraded to the latest Editor.js version.

Update 10.05.23 - Version 1.55.0

Fixed a bug where pasted text got rendered multiple times.

Update 28.04.23 - Version 1.54.0

Added a WF event for when an image get uploaded + associated state.

Update 04.04.23 - Version 1.53.0

Improved autobinding.

Update 31.03.23 - Version 1.52.1

Improvements.

Update 31.03.23 - Version 1.52.0

Ability to replace highlighted text when using 'Insert Text at Cursor Position'.

Update 27.03.23 - Version 1.51.0

Added the 'Focussed?' state to the plugin element.

Update 22.03.23 - Version 1.50.2

Bug fixes.

Update 22.03.23 - Version 1.50.1

Bug fix.

Update 22.03.23 - Version 1.50.0

Improvements.

Update 22.03.23 - Version 1.49.0

Fixed a bug with hiding the inline marker tool.

Update 20.03.23 - Version 1.48.1

Improvements for the 1.48.0 update.

Update 20.03.23 - Version 1.48.0

Improved 'undo' behavior.

Update 19.03.23 - Version 1.47.0

General refactoring.

Update 19.03.23 - Version 1.46.2

Improvements.

Update 14.03.23 - Version 1.46.1

Improvements.

Update 13.03.23 - Version 1.46.0

Added a way to insert a block with 'data' object.

Update 24.02.23 - Version 1.45.2

Improvements.

Update 22.02.23 - Version 1.45.1

Fixed a bug regarding image upload and privacy rules.

Update 22.02.23 - Version 1.45.0

Added the ability to create lists from '-' + 'space' shortcut.

Update 18.02.23 - Version 1.44.4

Autobinding improvements.

Update 18.02.23 - Version 1.44.3

Improvements.

Update 18.02.23 - Version 1.44.2

Improvements.

Update 16.02.23 - Version 1.44.1

Improvements.

Update 16.02.23 - Version 1.44.0

Fixed a bug with autobinding when data changes.

Update 06.02.23 - Version 1.43.0

Added the 'Editor is loaded' WF event.

Update 03.02.23 - Version 1.42.0

Initial content is not required anymore for autobinding.

Update 29.01.23 - Version 1.41.2

Improvements.

Update 29.01.23 - Version 1.41.1

Improvements.

Update 29.01.23 - Version 1.41.0

Improvements.

Update 28.01.23 - Version 1.40.0

Bug fixes.

Update 28.01.23 - Version 1.39.2

Improvements.

Update 28.01.23 - Version 1.39.1

Improvements.

Update 26.01.23 - Version 1.39.0

Added a state that contains the Highlighted/selected value of the editor.

Update 25.01.23 - Version 1.38.0

Added a workflow action to set focus to the editor.

Update 25.01.23 - Version 1.37.0

Improved the WF action 'display JSON data'.

Update 25.01.23 - Version 1.36.2

Improvements.

Update 24.01.23 - Version 1.36.1

Improvements.

Update 24.01.23 - Version 1.36.0

Added basic internationalization features!.

Update 20.01.23 - Version 1.35.3

Fixed a bug regarding an appearing debugger error.

Update 18.01.23 - Version 1.35.2

Improvements.

Update 17.01.23 - Version 1.35.1

Improvements.

Update 17.01.23 - Version 1.35.0

Added 'Plain text' output + minor improvements.

Update 17.01.23 - Version 1.34.0

Improved the 'display plain text' WF action.

Update 17.01.23 - Version 1.33.0

Fixed a bug regarding the text color on the delete button + added a feature to output HTML data for autobinding.

Update 16.01.23 - Version 1.32.1

Fixed a bug regarding the 'insert text at cursor position' WF action.

Update 16.01.23 - Version 1.32.0

Added 'insert text ad cursor position' action + insert text block now supports index + added state 'current block index'.

Update 15.01.23 - Version 1.31.0

Improved read only styles warning and image block.

Update 13.01.23 - Version 1.30.0

Improved the initial state of the editor.

Update 13.01.23 - Version 1.29.1

Improvements.

Update 13.01.23 - Version 1.29.0

Improved the way the plugin handles data changes.

Update 30.12.22 - Version 1.28.0

Images will now include 'https:' in the URL.

Update 23.12.22 - Version 1.27.0

Fixed a bug with autobinding with an empty data source.

Update 15.12.22 - Version 1.26.0

Added support for footnotes (light mode only).

Update 15.12.22 - Version 1.25.0

Improvements for read-only mode.

Update 15.12.22 - Version 1.24.0

Improved the auto-binding feature.

Update 13.12.22 - Version 1.23.0

Improvements + Updated to the latest version of the library.

Update 01.12.22 - Version 1.22.0

Responsiveness improvements.

Update 01.12.22 - Version 1.21.0

Icon fix.

Update 11.11.22 - Version 1.20.2

Improvements.

Update 09.11.22 - Version 1.20.1

Improvements for the 1.20.0 update.

Update 09.11.22 - Version 1.20.0

Added a re-render WF action + reduced the padding to 0 in read-only mode.

Update 09.11.22 - Version 1.19.0

Responsiveness improvements.

Update 08.11.22 - Version 1.18.0

Vimeo embeds can now be played on fullscreen..

Update 08.11.22 - Version 1.17.0

Checklists supported in HTML + Strikethrough inline tool added + Added ability to customize marker color.

Update 06.10.22 - Version 1.16.0

Added a debugger message if you use plain text instead of JSON data as initial data.

Update 04.10.22 - Version 1.15.1

Fix for the 'inspect' button not showing up in debug mode.

Update 04.10.22 - Version 1.15.0

Added the 'auto embed' of URLs feature!.

Update 22.09.22 - Version 1.14.0

Improved the way the editor handles changes of initial data.

Update 16.09.22 - Version 1.13.0

Added the 'Is loaded' state so you know when the editor is loaded!.

Update 06.09.22 - Version 1.12.0

Added the feature to make uploaded files private!.

Update 06.09.22 - Version 1.11.1

Improvements.

Update 06.09.22 - Version 1.11.0

Added the option to use nested lists instead of normal lists.

Update 28.08.22 - Version 1.10.0

Added the feature to insert a paragraph (text) block with data.

Update 25.08.22 - Version 1.9.3

Improvements for the 1.9.0 update.

Update 25.08.22 - Version 1.9.2

Improvements.

Update 25.08.22 - Version 1.9.1

Improvements.

Update 25.08.22 - Version 1.9.0

Added the Button Block to the table. Added HTML support for tables & buttons. Added more styling options for darkmode! .

Update 24.08.22 - Version 1.8.1

Improvements.

Update 24.08.22 - Version 1.8.0

Added a way to overwrite the default 300px bottom padding.

Update 24.08.22 - Version 1.7.0

Added the 'text alignment' feature!.

Update 23.08.22 - Version 1.6.1

Improvements.

Update 23.08.22 - Version 1.6.0

Added the 'word-break: break-all' property to the table.

Update 21.08.22 - Version 1.5.0

Added the workflow action to display text in the editor that will be automatically converted to paragraph blocks.

Update 21.08.22 - Version 1.4.1

Improvements.

Update 21.08.22 - Version 1.4.0

Added the feature to add new blocks via workflow actions.

Update 17.08.22 - Version 1.3.0

Added the ability to change the font size & weight for the different heading types (H1-6).

Update 17.08.22 - Version 1.2.3

Improvements.

Update 17.08.22 - Version 1.2.2

Improvements.

Update 17.08.22 - Version 1.2.1

Improvements.

Update 17.08.22 - Version 1.2.0

The editor now exposes the HTML of the editor's content as-well for most blocks!.

Update 17.08.22 - Version 1.1.0

Improved how the initial state is set.

Update 16.08.22 - Version 1.0.0

Launch.

Update 16.08.22 - Version 0.0.8

Improvements.

Update 16.08.22 - Version 0.0.7

Added Code Tool Block.

Update 16.08.22 - Version 0.0.6

Improved how the element's state gets updated.

Update 16.08.22 - Version 0.0.5

Improvements.

Update 16.08.22 - Version 0.0.4

Improvements.

Update 16.08.22 - Version 0.0.3

Improvements.

Update 16.08.22 - Version 0.0.2

Improvements.

Update 15.08.22 - Version 0.0.1

Pre-launch.

Modern Rich Text Editor (Editor.js)