Issue #2036💬 RespondidoAbierto el 24 de mayo de 2019por GummibeerReacciones 1

Documentación de la estructura de objetos almacenados

Respuesta rápidapor artf1

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)

Preguntas y respuestas relacionadas

Continúa investigando con debates sobre temas similares.

Plugins de pago que cumplen con este problema

Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.

Ver todos los plugins

Cargando recomendaciones de plugins de pago...

Opción gratuita

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 →
Opción premium

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.