BlockExpander

BlockExpander enables a fast, code-inspired workflow for assembling page structures in the WordPress block editor using Emmet-style shorthand syntax.

How It Works:

1. Press Ctrl+Shift+E (or Cmd+Shift+E on Mac) to open the BlockExpander modal
2. Enter an Emmet expression (e.g., columns>column*3>paragraph)
3. Press Enter to expand the expression into blocks
4. Blocks are inserted at your cursor location

Syntax Examples:

• paragraph – Creates a paragraph block
• columns>column*3 – Creates a columns block with 3 columns
• group.container – Creates a group block with class “container”
• group#hero – Creates a group block with anchor “hero”
• paragraph{Hello World} – Creates a paragraph with custom text

Features:

• Familiar Emmet syntax for rapid block creation
• Keyboard-triggered modal for seamless workflow
• Supports nesting, multiplication, classes, IDs, and text content
• Automatic Lorem Ipsum placeholder text for content blocks
• Fully compatible with all core Gutenberg blocks