Permitir importar documentos HTML
@artf lo estoy. Primero consigue el html con '->getHtml' y luego ponlo en un elemento dominante. Luego extrae el cuerpo y elimina el título, meta, etc. del dom. Luego extrae el html de nuevo. Viva JQuery. Pero aún así sería una gran función para hacer todo eso con grapesJS :-)
Lee la respuesta completa abajo ↓Pregunta
Hola equipo,
Estamos usando el plugin de boletín grapesjs en nuestro proyecto para importar y previsualizar la plantilla. Estamos teniendo cierta dificultad para mantener la estructura de plantilla que importamos en el editor de grapesjs. Por favor, revisa el siguiente ejemplo
HTML IMPORTADO
'''html
<!DOCTYPE html> <html> <body> <h1>Grapesjs </h1> <p>Mi primera plantilla de grapesjs.</p> </body> </html> ```PRODUCCIÓN ESPERADA
'''html
<!DOCTYPE html> <html> <body> <h1>Grapesjs </h1> <p>Mi primera plantilla de grapesjs.</p> </body> </html> ```SALIDA REAL, lo que obtenemos del editor usando el comando (editor.runCommand('gjs-get-inlined-html'))
'''html
<h1 style="box-sizing: border-box;">Grapesjs</h1> <p style="box-sizing: border-box;">Mi primera plantilla grapesjs..</p> <style>..</style> ```Por la salida puedes ver que grapesjs ha personalizado la plantilla subida realmente, eliminando las etiquetas html, cabeza y cuerpo, y añadiendo una nueva etiqueta de estilo en el contenido, lo cual no queremos que ocurra.
¿Es posible que el editor grapesjs produzca HTML sin alterar la estructura básica de la plantilla importada? Buscamos algunas opciones pero no encontramos ninguna.
Por favor, ayúdanos a lograrlo. Gracias
Respuestas (3)
@artf lo estoy. Primero consigue el html con '->getHtml' y luego ponlo en un elemento dominante. Luego extrae el cuerpo y elimina el título, meta, etc. del dom. Luego extrae el html de nuevo. Viva JQuery.
Pero aún así sería una gran función para hacer todo eso con grapesJS :-)
Actualmente, el editor importa solo el contenido dentro del cuerpo. Para que también entienda otros nodos de documentos, requeriría refactorizar el analizador HTML actual
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #1743
[SOLICITUD DE FUNCIÓN] Añadir un comando para importar la plantilla real al editor
Hola equipo, Estamos usando el plugin de boletín grapesjs en nuestro proyecto para importar y previsualizar la plantilla. Estamos teniendo...
Issue #1744
[SOLICITUD DE FUNCIÓN] Añadir Command para importar la plantilla real
Hola equipo, Estamos usando el plugin de boletín grapesjs en nuestro proyecto para importar y previsualizar la plantilla. Estamos teniendo...
Issue #3190
SRC añadido automáticamente a la etiqueta de vídeo
Hola @artf, Gracias por construir y mantener este maravilloso paquete. Descendencia Estoy usando Nicepages para crear la plantilla y subirl...
Issue #2282
[Editor UI]: Sustituye la Vista actual por los componentes principales de la interfaz del editor
¡Hola! La estructura actualmente utilizada de grapesjs se basa en aprovechar backbonejs concept de vista modelo para implementar el Virtual...
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.
Tutorial
Super Tooltip for GrapesJS — Version 0.1.5 Released 🎉
We’re excited to announce the v 0.1.5 update of Super Tooltip, our floating‑menu and tooltip plugin for GrapesJS
Tutorial
GrapesJS in 2026: The Complete Guide to the Open-Source Web Builder Framework
Master GrapesJS in 2026. Architecture, code examples, React integration, plugin development, Studio SDK, and how it compares to other projects
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.