Contrib.social

Support ServerSideRender component

Open on Drupal.org →
Created on 14 March 2021, almost 4 years ago
Updated 20 December 2023, about 1 year ago

Problem/Motivation

Gutenberg's ServerSideRender component can be used to render dynamic blocks in the editor. Currently it is not supported since the Wordpress URL to render a block has not been integrated.

Proposed resolution

Attached patch adds a route to render a dynamic block and maps it to the URL Wordpress uses for the ServerSideComponent. The component can now be used like so:

const ServerSideRender = wp.serverSideRender;

function render() {
  <ServerSideRender
    block="myblocks/foo"
    attributes={ {
      title: "Foo",
      attr2: "Value of attr2"
    } }
  />
}

This will render the block via a fetch, using the template defined for dynamic block `myblocks/foo` (e.g. `gutenberg-block--myblocks--foo.html.twig`). PS ensure `myblocks/foo` is an entry under `dynamic-blocks:` in your custom module's `.gutenberg.yml`.

Other options for the component are detailed at https://developer.wordpress.org/block-editor/reference-guides/packages/p...

💬 Support request
Status

Needs work

Version

2.0

Component

Code

Created by

🇨🇦Canada bgilhome Victoria

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Merge Requests

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

contrib.social Blog FAQ Discussions
Production build 0.71.5 2024