¿Cuál es la forma correcta de inicializar el editor con un contenido HTML y CSS ya existente?
¿Lo estoy haciendo bien? No realmente. Tienes que configurar el almacenamiento remoto
Lee la respuesta completa abajo ↓Pregunta
Hola @artf, parece que para inicializar una instancia del editor con un CSS ya existente puedes darle al editor "gjs_styles" o "gjs_css". De forma similar, para HTML es "gjs_components" o "gjs_html". ¿Cuál es la forma correcta? Hasta ahora, la forma en que lo he estado haciendo es ejecutar este código justo antes de ejecutar 'grapesjs.init':
let contentObject = fetchContentObjectFromTheServerViaAnAPICall()
localStorage.gjs_styles = contentObject.gjs_styles || ''
localStorage.gjs_css = contentObject.gjs_css || ''
localStorage.gjs_html = contentObject.gjs_html || ''
localStorage.gjs_components = contentObject.gjs_components || ''
Ahora inicializa el editor y recogerá el HTML y CSS configurados arriba.
grapesjs.init({
...
})
¿Lo estoy haciendo bien?
Respuestas (3)
¡Gracias @artf!
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.
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #1438
Formas de cargar contenido HTML a través del wrapper de reactjs
@artf Tío, quiero cargar la página html que contiene css y js para efectos (paralaje). Trabajé unos 10 días pero aún no consigo saber si lo...
Issue #1504
[Pregunta] Altura dinámica
Hola: ¿Es posible tener una instancia de GrapesJS con altura dinámica, es decir, el editor ajusta al tamaño del contenido? Lo que intento h...
Issue #1767
Asegúrate de que getHtml() / runCommand("gjs-get-inlined-html") devuelva el contenido más reciente del lienzo
Hola @artf, Me encontré con un problema similar, si no el mismo, que este: #1327 Mientras edito un bloque de texto, hago clic en un botón e...
Issue #1066
[PREGUNTA] Consigue contenido con CSS en línea
He estado buscando alguna explicación y he visto que algunos clientes de correo bloquean CSS... Me gustaría saber si hay alguna forma de ob...
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.