Creating an editable blockquote block

After creating a simple static HTML custom block in the Setting up a block development environment and creating a simple block recipe, this recipe shows you how to create a custom block to display blockquotes where users will be able to provide their own content.

Getting ready

You should have already followed the Setting up a block development environment and creating a simple block recipe to have a working Node.js installation and be able to copy previously created files to your new plugin directory. Alternatively, you can perform steps 1 to 8 of the Setting up a block development environment and creating a simple block recipe when asked to copy files to the new folder you'll be creating.

How to do it...

Follow these steps to create a blockquote block with user-editable content:

1. Navigate to the WordPress plugins directory of your development installation.
2. Create a new directory called ch6-blockquote-block.
3. Copy...