Estoy completamente fusionado para intentar hacer un botón en bloques anidados personalizados.

En resumen, debería hacer esto:

ENLACE A GIF DESDE GITHUB - BOTÓN MÁS EN BLOQUE

El "botón más" dentro de un bloque personalizado para llamar a otros bloques de gutenberg.

Obviamente he leído el manual y he visto varios textos (de los cuales tomé la imagen). sin embargo, el desafío de hacer esto en js simple (no jsx) se está complicando.

actualmente he pensado esto:

 const _ = wp.element.createElement const useblocks = wp.blockEditor.InnerBlocks const useprops = wp.blockEditor.useBlockProps var MY_TEMPLATE = [ [ 'core/columns', {} ], [ 'core/heading', { placeholder: 'Test Title' } ], .... ]; wp.blocks.registerBlockType( 'the-plugin-scheme/hello-scheme-nested', { title: "HELLO SCHEME NESTEDS", icon: 'carrot', category: 'common', attributes: { content:{ type: 'array', }, }, edit: function( props ) { var markup = _('div', useprops({className: props.className}), _( useblocks , useprops({ template: MY_TEMPLATE, templateLock:'insert' /*renderAppender: ButtonBlockAppender ??*/} ), _( useblocks.ButtonBlockAppender ), ) ); return markup; }, save: function( props ) { ... }, });

Intuyo que el problema está en el ButtonBlockAppender... o similar...

¿Cómo puedo agregar este botón y abrir las ventanas de bloques de gutenberg?

¿Alguien se ha ocupado de esto y me puede ayudar?

Gracias