Gutenberg Example: Example code for building custom content blocks with React

This is a repository of example code for developers learning to create custom content blocks for the Gutenberg editor. It is intended for web developers and theme builders who need practical, working examples to understand different implementation approaches.

Basic React Block: Shows the foundational structure for a simple, non-editable block built with React.
Editable Text Control: Expands on the basic example by adding an editable text field, demonstrating how to manage dynamic content.
ACF Integration: Provides an example of registering and rendering a block using the Advanced Custom Fields plugin, moving logic to PHP.
Edit/Preview Toggle: Implements a toggle switch in the editor to alternate between editing controls and a front-end preview of the block.
IFrame Preview: An experimental example that renders the block preview inside a scoped iframe to prevent CSS and JavaScript conflicts within the admin interface.

Gutenberg Example

A collection of practical examples for creating custom blocks for the Gutenberg editor. Demonstrates integration with Advanced Custom Fields and React-based preview modes.

Gutenberg Example

Package Contents

Version History

Comments

More themes and plugins like Gutenberg Example