No se puede crear un nuevo componente de botón

Vale, después de probar un poco más, parece que la estructura de los componentes es correcta, pero el bloque de botones no funcionaba correctamente. Así que el bloque de botones era así:

window.editor.BlockManager.add('button', {
    atributos: {
        Clase: 'FA Fa-Cube'
    },
    Categoría: 'Básico',
    etiqueta: 'Botón',
    Contenido: {
        Arrastrable: Cierto,
        Droppable: Cierto,
        contenido: '<tipo de botón="botón" clase="btn btn-primary">Más información</button>',
    }
});

Al arrastrar este bloque al lienzo, no se reconoció como un componente de botón. Sin embargo, cuando lo cambié a esto:

window.editor.BlockManager.add('button', {
    atributos: {
        Clase: 'FA Fa-Cube'
    },
    Categoría: 'Básico',
    etiqueta: 'Botón',
    contenido: '<tipo de botón="botón" clase="btn btn-primary">Más información</button>',
});

Entonces funciona bien. ¿Es esto un error o es intencionado? No encuentro nada en la documentación que explique por qué funcionaría así.

Creo que el problema aquí es un malentendido de la clave de 'contenido'. Cuando declaras un bloque '''js editor. BlockManager.add('button-block', { // ... Contenido: { tipo: 'botón', Droppable: falso, atributos: { título: 'Hola',
Tipo: 'someter', }, }, });

El 'contenido' es para el Componente, como una cadena o como un objeto.
La versión en cadena del ejemplo anterior sería:
'''js
editor. BlockManager.add('button-block', {
	// ...
    contenido: '<botón data-gjs-droppable="false" type="submit" title="Hola"></button>',
});

Pero cuando usas 'content' dentro de un Componente, indica el uso de contenido estático (por ejemplo, como el que se usa en RTE), así que el editor no lo analizará y en el JSON se almacenará como cadena. Así que este objeto componente: '''js { Arrastrable: Cierto, Droppable: Cierto, contenido: '<tipo de botón="botón" clase="btn btn-primary">Más información</button>', }

generará este HTML
'''html
<div>
	<tipo de botón="botón" clase="btn btn-primary">Más información</button>
</div>

donde el 'botón' no está analizado y no podrás seleccionarlo desde el editor. Si quieres que el editor analice la cadena de botones, usa esto: '''js { Arrastrable: Cierto, Droppable: Cierto, componentes: '<tipo de botón="clase"btn btn-primary">Más información</button>', }

que después del analizador se convertirá
'''js
{
        Arrastrable: Cierto,
        Droppable: Cierto,
        Componentes: [
			{
				tipo: 'botón',
				...
			}
		],
    }

Así que el HTML será el mismo, pero el editor lo verá como un componente y no solo como una cadena

Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.