Opciones de exportación
Sí, claro, explico exactamente lo que https://github.com/artf/grapesjs/wiki/Storage#store-and-load-templates Puedes iniciar el editor desde HTML o directamente (sin análisis sintáctico) mediante JSON '''js grapesjs.init({ ... Componentes: '<div>...</div><div>...</div>, }); O const editor = grapesjs.init({ ... componen...
Lee la respuesta completa abajo ↓Pregunta
Hola @artf,
¿Hay alguna otra opción de exportación además de HTML/CSS? Estoy pensando en una forma de cargar la configuración directamente desde un servidor remoto y renderizarla en una página web sobre la marcha.
¡Buen trabajo con Grapejs! :)
Respuestas (3)
Sí, claro, explico exactamente lo que https://github.com/artf/grapesjs/wiki/Storage#store-and-load-templates Puedes iniciar el editor desde HTML o directamente (sin análisis sintáctico) mediante JSON '''js grapesjs.init({ ... Componentes: '<div>...</div><div>...</div>`, }); O const editor = grapesjs.init({ ... componentes: [{...}, {...}], }); y ahora puedo conseguir su HTML const html = editor.getHtml();
Gracias @maxencehenneron pero no entiendo cómo este 'estoy pensando en una forma de cargar la configuración directamente desde un servidor remoto y renderizarla en una página web sobre la marcha' (que ya puedes hacer desde el almacenamiento remoto integrado) está relacionado con 'otras opciones de exportación además de HTML/CSS', ¿qué más necesitas? Por cierto, quizá esto pueda ayudar: https://github.com/artf/grapesjs/wiki/Storage
Actualmente, grapeJS exporta la plantilla en HTML/CSS, quería saber si hay una forma sencilla de crear una aplicación front-end que cargue la configuración guardada por GrapeJS a través del almacenamiento remoto y la renderice en una página web. El flujo sería:
- Usa GrapeJS para construir la plantilla, guárdala en el servidor remoto a través del almacenamiento remoto en la página wiki que enviaste
- Tener un servidor web que obtenga la configuración desde el punto final remoto y renderice todos los componentes directamente cuando alguien carga una página.
Logré la primera parte bastante fácilmente, pero sigo teniendo problemas con la segunda, ¿está implementada de forma nativa?
Actualmente, el editor llama al punto final de almacenamiento remoto con algunos parámetros como
GJS-CSS con los estilos CSS GJS-HTML con el contenido HTML
pero también un GJS-components y un GJS-styles, que incluye una lista de todos los componentes y sus diferentes propiedades. ¿Es posible renderizar una página web directamente desde estos arreglos de componentes/estilos de gjs?
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #1739
Cómo cargar estilo CSS dinámico (no Link) en el cabezal Canvas
Hola, Antes que nada, gracias por tu excelente trabajo !!!! Estoy intentando cargar un estilo dinámico en la cabeza de lienzo. ¿Hay alguna...
Issue #383
La mejor forma de cargar el CSS de Element en el panel de propiedades.
Hola de nuevo a todos, GrapeJS es demasiado divertido una vez que te metes de lleno. Tengo una pregunta sencilla: ¿Cuál es la mejor manera...
Issue #834
[Pregunta] ¿Hay alguna forma de editar el código final en HTML - CSS con un editor de código integrado?
¡Hola! Me preguntaba si puedo editar el código final con un editor de código.
Issue #1329
Pregunta: Cómo usar el mismo CSS para varias páginas
Hola equipo de Grapejs, Hemos estado trabajando en el Constructor de Páginas Web Multipágina. Para cada proyecto habrá varias páginas html...
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 →Tutoriales relacionados
Guías detalladas sobre el mismo tema.
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.