You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: plugins/editor-bindings/README.md
+7-3Lines changed: 7 additions & 3 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -6,13 +6,17 @@ This example is taken from the following WordPress Developer Blog post:
6
6
7
7
<!-- 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 -->
8
8
<!-- @TABLE EXAMPLES BEGIN -->
9
-
| Example | <spanstyle="display: inline-block; width:250px">Description</span> | Tags |Download .zip | Live Demo |
|[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><ahref="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://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 | <spanstyle="display: inline-block; width:250px">Description</span> | Tags | Download .zip | Live Demo |
|[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><ahref="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://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
+
12
14
<!-- @TABLE EXAMPLES END -->
13
15
14
16
## Understanding the Example Code
15
17
18
+
<imgsrc="./assets/snapshot.png"alt="Editor Bindings Example Screenshot"style="width:50%;" />
19
+
16
20
Some key ideas for this example:
17
21
18
22
-**Custom Binding Source Registration**: The plugin registers a `wpviplearn/post-data` binding source both server-side (`register_block_bindings_source()`) and client-side (`registerBlockBindingsSource()`)
0 commit comments