alleyinteractive / wp-block-debug
Adds a panel to the WordPress block editor with a lot of information about the selected block, including methods to set attributes.
Installs: 7
Dependents: 0
Suggesters: 0
Security: 0
Stars: 0
Watchers: 18
Forks: 0
Open Issues: 0
Language:TypeScript
Type:wordpress-plugin
This package is auto-updated.
Last update: 2025-02-10 20:20:23 UTC
README
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-debug
Editing 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
