Try NGTextEditor

A block-based editor with a positioning grid

This editor works with a block system positioned on a 12-column grid. Unlike a classic editor where you can write immediately, you must first create a block to start writing your content.

Create your first block

1. Right-click anywhere in the editing area
2. A menu appears with two options:
   • Text block : to write text, create lists, insert quotes, etc.
   • Media block : to insert images, videos, tables or columns
3. Choose the desired block type
4. A window opens to configure the block width (from 10% to 100% of available width)
5. Confirm: a visual grid appears to choose your block's location
6. Click on the desired position in the grid, and you can start writing or inserting content

The positioning grid

When creating or moving a block, a visual grid appears:

• Green cells : available positions to place your block
• Red cells : positions occupied by other blocks
• "Insert a row here" : clickable areas between existing rows to create a new row at that location
• "New row" : at the bottom of the grid, to add a row after existing rows

Reposition or configure a block

Each block has a gear button (⚙) at the top left. This single button groups all options:

• Reposition the block on the grid
• Modify the block width
• Add or modify a background image
• Delete the block

This clean interface with a single button keeps the editing area uncluttered.

Why this system?

This block and grid approach allows you to:

• Organize your layout with precision using the 12-column grid
• Place elements side by side (e.g., a 50% image next to 50% text)
• Easily reorganize your content via the configuration button
• Structure your document flexibly
• Export to HTML and PDF reliably and faithfully to what is edited