BlockExpander
| 开发者 | tinkergrove |
|---|---|
| 更新时间 | 2025年12月17日 06:16 |
| PHP版本: | 7.4 及以上 |
| WordPress版本: | 6.9 |
| 版权: | GPL-2.0-or-later |
| 版权网址: | 版权信息 |
详情介绍:
BlockExpander enables a fast, code-inspired workflow for assembling page structures in the WordPress block editor using Emmet-style shorthand syntax.
How It Works:
- Press
Ctrl+Shift+E(orCmd+Shift+Eon Mac) to open the BlockExpander modal - Enter an Emmet expression (e.g.,
columns>column*3>paragraph) - Press Enter to expand the expression into blocks
- Blocks are inserted at your cursor location
paragraph- Creates a paragraph blockcolumns>column*3- Creates a columns block with 3 columnsgroup.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
- 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
安装:
- Upload the plugin files to
/wp-content/plugins/blockexpander, or install through the WordPress plugins screen - Activate the plugin through the 'Plugins' screen in WordPress
- In the block editor, press
Ctrl+Shift+E(orCmd+Shift+E) to open the expander
常见问题:
What is Emmet?
Emmet is a toolkit for web developers that uses CSS-selector-like abbreviations to rapidly generate HTML structures. BlockExpander adapts this approach for Gutenberg blocks.
What keyboard shortcut opens the modal?
Ctrl+Shift+E on Windows/Linux or Cmd+Shift+E on Mac.
Can I use any block name?
Yes! Any tag name becomes core/<tagname>. For example, paragraph becomes core/paragraph, columns becomes core/columns, etc.
更新日志:
0.1.0
- Initial release
- Emmet expression parsing via @emmetio/abbreviation
- Modal UI with keyboard shortcut
- Support for nesting, multiplication, classes, IDs, and text content