Blockstudio 4.2 is more than just an improvement - it's our commitment to provide you with the best tools and features to make WordPress block development as easy as possible. It features the undoubtedly most requested features from our users: RichText. Let's take a closer look:

RichText

This powerful addition brings a whole new level of functionality to your block templates, as it is now possible to render editable text fields inside the editor without using InnerBlocks. In the frontend, the component will render the content of the field inside the chosen tag. (defaults to <p>)

For more information on how to use RichText, please refer to the documentation.

Minimized Repeater values

Another highly requested feature was the ability to minimize repeater and show the value of a field as the label when the current a row is minimized.

                    {
      "title": "Repeater field",
      "blockstudio": {
        "attributes": [
          {
            "id": "repeater",
            "type": "repeater",
            "label": "Repeater Minimized",
            "min": 1,
            "max": 2,
            "textMinimized": {
              "id": "number",
              "fallback": "Fallback value",
              "prefix": "Prefix: ",
              "suffix": " - Suffix"
            },
            "attributes": [
              {
                "id": "number",
                "type": "number",
                "label": "Number"
              }
            ]
          }
        ]
      }
    }

      
Copy

Attribute helper functions

We've added two helper functions (bs_render_attributes and bs_render_variables) to make working with attributes easier. You can now use the following functions in your templates to render attributes as data attributes or CSS variables.

            "blockstudio": {
      "attributes": [
        {
          "id": "color",
          "type": "color",
          "label": "My color"
        }
      ]
    }

      
Copy

            <h1 <?php bs_render_attributes($a); ?>>
      Hello
    </h1>
Copy

            <h1 data-color="#7C3AED">
      Hello
    </h1>
Copy

            <h1 style="<?php bs_render_variables($a); ?>">
      <?php echo $a['message']; ?>
    </h1>
Copy

            <h1 style="--color: #7C3AED;">
      Hello
    </h1>
Copy

For more information about the new helper functions, please refer to the documentation.

Other improvements

• apiVersion is not needed in your block.json file anymore - Blockstudio will automatically set the correct version for you. It has been removed from all examples in the documentation.
• the save button in the Blockstudio editor will turn red if there are any errors in your block template.
• addition of the renderAppender property for InnerBlocks.
• new filter to enable the Blockstudio editor for all users of a certain role

Wrapping up, we just want to give a huge shout-out to all our users - you rock! We really appreciate your support, and it's because of you we keep pushing Blockstudio to new heights. As always, we are keen to hear your thoughts and feedback. Happy building!