How to use an image as Gutenberg block preview?

Hi Mauro,

The extension MB Blocks supports to show the image on the preview block area, please follow the documentation and see my screenshot.

Remember to create the property name as the same as the field ID and the preview area will render the template of the block with the preview value.

Hi,

Yes, here is the link https://imgur.com/RXAihQ4
and sample code:

'preview'         => [
    'image'   => 2140, //image ID
    'name'    => 'William Shakespeare',
    'content' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam'
],
'fields'          => [
    [
        'type' => 'text',
        'id'   => 'name',
        'name' => 'Name',
    ],
    [
        'type' => 'textarea',
        'id'   => 'content',
        'name' => 'Intro',
    ],
    [
        'type' => 'single_image',
        'id'   => 'image',
        'name' => 'Image'
    ],
],

Never got a response to this??