Alley Block Debug WP Registry grade A. No security issues foundWP RegistryNo security issues foundOpen the reportA
Adds a panel to the WordPress block editor with a lot of information about the selected block.
Install
This is the repository archive. It installs, but the folder name will carry the branch suffix and updates will not flow.
Install straight from GitHub with WP-CLI:
wp plugin install https://github.com/alleyinteractive/wp-block-debug/archive/refs/heads/main.zipOn Packagist as alleyinteractive/wp-block-debug:
composer require alleyinteractive/wp-block-debugBlock Debug
This plugin adds a panel to the WordPress block editor that allows you to inspect and modify the selected block. You can:
- Copy the block name
- Copy the block client ID
- View the block object (from
select('core/block-editor').getBlock()) - View the block type object
- View the output of
useBlockProps() - View and copy the serialized block HTML
- View and edit most block attributes (see the "Editing Attributes" section below)
Installation
You can install the plugin via Composer:
composer require alleyinteractive/wp-block-debugEditing Attributes
The interface for editing block attributes is generated by passing the block type's attributes schema to react-jsonschema-form. Some attributes might be easier to edit than others, and some attributes might not be editable at all, depending on how well-defined the attributes are in the schema (you can use the "Dump block type" feature in the debug panel to see it).
Only attributes with a type of string, number, integer, boolean, object, array, or null are supported; items of type array must also define an items schema.
Controlling Access
The debug panel is available to users with the view_block_debug capability, which is mapped to edit_posts by default.
Screenshots
About
License
Maintainers
Releases
3 releases.
These releases are tags only. The author does not attach a packaged zip, so there are no download counts to report.