Documentación de la estructura de objetos almacenados
Puedes ver todas las propiedades del componente aquí: https://grapesjs.com/docs/api/component.html#component Y ninguno de ellos es obligatorio
Lee la respuesta completa abajo ↓Pregunta
Hola, Me gustaría incorporar este paquete con mi backend actual basado en elementos. Para ello, tendría que mapear los datos publicados en el servidor de almacenamiento remoto en mi propia estructura de datos y, durante la carga, también de vuelta a la estructura de grapesj. Como ejemplo muy básico, he tomado el elemento de encabezado simple <h1>'', que también se usa en la documentación del paquete. '''html
<h1>¡Hola Componente Mundial!</h1> ```En mi app esto sería una plantilla de ramitas con un único marcador de posición: '''ramita
<h1>{{ titular}}</h1> ```La estructura de datos sería la siguiente, yo uso JSON sin base de datos pero la idea debería quedar clara: '''json [ { "tipo": "h1", "data": { "titular": "¡Hola Componente Mundial!" } } ]
Y esto es lo que puedo volcar desde el gestor de 'simple almacenamiento' (también de documentación) usando el siguiente 'console.log()'. ¿Podrías añadir una página de documentación relacionada con el objeto creado para un componente en el almacenamiento? ¿Es la primaria para saber qué se requiere para aprobar y qué es opcional?
'''js
console.log(JSON.parse(data['gjs-components']));
'''json [ { "etiquetaNombre":"h1", "type":"text", "nombre":"", "removible": cierto, "arrastrable":cierto, "droppable":falso, "badgable":Cierto, "estilizado":Cierto, "stylable-require":"", "firma-estilo":"", "no estilizable":"", "resaltable": cierto, "copiable": Cierto, "redimensionable":falso, "editable":Cierto, "capazable": cierto, "seleccionable": Cierto, "flotable":Cierto, "vacío":falso, "state":"", "estado":"", "contenido": "¡Hola Componente Mundial!", "icono":"", "estilo":"", "clases":[
], "guion":"", "atributos":{
}, "rasgos":[ { "type":"text", "etiqueta":"", "nombre":"id", "min":"", "max":"", "unidad":"", "paso":1, "objetivo":"", "default":"", "marcador de posición": "por ejemplo, Escribe aquí", "changeProp":0, "opciones":[
] }, { "type":"text", "etiqueta":"", "nombre":"título", "min":"", "max":"", "unidad":"", "paso":1, "objetivo":"", "default":"", "marcador de posición": "por ejemplo, Escribe aquí", "changeProp":0, "opciones":[
] } ], "propagar":"", "dmode":"", "componentes":[
], "ver":"" } ]
Respuestas (1)
Puedes ver todas las propiedades del componente aquí: https://grapesjs.com/docs/api/component.html#component Y ninguno de ellos es obligatorio
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #963
[Pregunta] Crear endopunto PHP en Gestor de Almacenamiento remoto
Hola. Estoy integrando GrapeJS con PHP (CodeIgniter) y vi que hay otros que hacen esto. Pero he revisado la documentación y revisado los er...
Issue #2950
Editar estilos de paneles (pregunta de novato)
Hola a todos, me gustaría recibir orientación sobre el código que debería añadir/editar para cambiar el aspecto de los paneles. En general,...
Issue #2310
[PREGUNTA] ¿Cómo puedo especificar la posición para arrastrar elementos?
Hola, estoy haciendo un proyecto con esta librería y quiero especificar la posición para arrastrar componentes en ella Por ejemplo, tengo u...
Issue #2255
[AYUDA] No se puede reemplazar el estilo para los elementos con id
Hola, Creo que en la documentación de API necesitamos alguna aclaración respecto a avoidInlineStyle: true, que sigue sin ser la opción por...
Plugins de pago que cumplen con este problema
Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.
Cargando recomendaciones de plugins de pago...
Consulta los plugins de código abierto de GrapesJS en GitHub O haz una búsqueda rápida en nuestro catálogo gratuito.
Explora plugins gratuitos →Los plugins premium incluyen soporte, actualizaciones regulares y funciones listas para producción — ahorrando días de trabajo de integración.
Explora plugins premium →Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.