Skip to content

Commit 5106ad6

Browse files
committed
Update README.md for Editor Bindings example to enhance table formatting and add a screenshot. Introduce new snapshot.png asset for visual reference.
1 parent abb339d commit 5106ad6

File tree

2 files changed

+7
-3
lines changed

2 files changed

+7
-3
lines changed

plugins/editor-bindings/README.md

Lines changed: 7 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -6,13 +6,17 @@ This example is taken from the following WordPress Developer Blog post:
66

77
<!-- Please, do not remove these @TABLE EXAMPLES BEGIN and @TABLE EXAMPLES END comments or modify the table inside. This table is automatically generated from the data at _data/examples.json and _data/tags.json -->
88
<!-- @TABLE EXAMPLES BEGIN -->
9-
| Example | <span style="display: inline-block; width:250px">Description</span> | Tags |Download .zip | Live Demo |
10-
| -------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------ | --------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
11-
| [Editor Bindings](https://github.com/WordPress/block-development-examples/tree/trunk/plugins/editor-bindings) | Shows how to create a block that uses editor bindings to connect custom fields to the block editor. | <small><code><a href="https://WordPress.github.io/block-development-examples/?tags=block-bindings">block-bindings</a></code></small> | [📦](https://github.com/WordPress/block-development-examples/releases/download/latest/editor-bindings.zip "Install the plugin on any WordPress site using this zip and activate it to see the example in action") | [![](https://raw.githubusercontent.com/WordPress/block-development-examples/trunk/_assets/icon-wp.svg)](https://playground.wordpress.net/?blueprint-url=https://raw.githubusercontent.com/WordPress/block-development-examples/trunk/plugins/editor-bindings/_playground/blueprint.json "Click here to access a live demo of this example" ) |
9+
10+
| Example | <span style="display: inline-block; width:250px">Description</span> | Tags | Download .zip | Live Demo |
11+
| ------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
12+
| [Editor Bindings](https://github.com/WordPress/block-development-examples/tree/trunk/plugins/editor-bindings) | Shows how to create a block that uses editor bindings to connect custom fields to the block editor. | <small><code><a href="https://WordPress.github.io/block-development-examples/?tags=block-bindings">block-bindings</a></code></small> | [📦](https://github.com/WordPress/block-development-examples/releases/download/latest/editor-bindings.zip 'Install the plugin on any WordPress site using this zip and activate it to see the example in action') | [![](https://raw.githubusercontent.com/WordPress/block-development-examples/trunk/_assets/icon-wp.svg)](https://playground.wordpress.net/?blueprint-url=https://raw.githubusercontent.com/WordPress/block-development-examples/trunk/plugins/editor-bindings/_playground/blueprint.json 'Click here to access a live demo of this example') |
13+
1214
<!-- @TABLE EXAMPLES END -->
1315

1416
## Understanding the Example Code
1517

18+
<img src="./assets/snapshot.png" alt="Editor Bindings Example Screenshot" style="width:50%;" />
19+
1620
Some key ideas for this example:
1721

1822
- **Custom Binding Source Registration**: The plugin registers a `wpviplearn/post-data` binding source both server-side (`register_block_bindings_source()`) and client-side (`registerBlockBindingsSource()`)
136 KB
Loading

0 commit comments

Comments
 (0)