Overview

A lightweight, block-style rich text editor for Mendix, powered by Editor.js. It supports reactive JSON content binding and read-only display mode. Preloaded with essential tools like headers, lists, images, quotes, tables, and more — ready for structured content creation with minimal setup.

Documentation

Overview

This Mendix widget integrates the powerful block-style Editor.js editor, offering a clean and structured editing experience with a minimal setup. The widget focuses on simplicity, supporting only two main properties: a content attribute and a read-only toggle. It comes preconfigured with a robust set of popular Editor.js plugins to support rich content creation.

Widget Properties:

• content (String attribute) – Two-way bound JSON data representing the Editor.js content.
• readOnly (Boolean) – Enables view-only mode for non-editable use cases.

Pre-installed Tools:

The widget is shipped with the following Editor.js plugins out-of-the-box:

• Paragraph – Basic text block
• Header – Heading levels (H1–H6)
• List – Ordered and unordered lists
• Quote – Styled quotations
• Inline Image – Embed images directly in-line
• Link – Automatically fetch link metadata
• Table – Create basic tables
• Delimiter – Visual content separator
• Marker – Text highlighting
• CodeTool – Code blocks
• InlineCode – Inline code snippets
• RawTool – Raw HTML embedding

✨ Coming Soon:

Future versions may support dynamic plugin registration, enabling developers to customize and extend the editor directly from Mendix Studio Pro or via configuration.