HAZAÑA: Crear el lienzo a partir de una URL

Question

He estado probando GrapesJS e intentando integrarlo en un proyecto de Symfony 5. En particular, quiero poder editar plantillas en el editor basadas en Bootstrap 4 y otros componentes como FontAwesome Pro y bloques personalizados basados en estos. Uso el paquete Webpack-Encore de Symfony para generar los scripts y archivos de estilo de la aplicación, lo que supone un gran quebradero de cabeza intentar que el sistema actual de iframe canvas funcione usando los mismos componentes versionados como...

ianef · Accepted Answer

Es una verdadera pena. No dije nada sobre buscar desde otro sitio, lo que quería era mantenerlo coherente con el resto del proyecto. Bueno, seguiré buscando en otros sitios un editor que se integre mejor con la forma en que se construyen actualmente las aplicaciones más grandes. Webpack y otros transpilers son realmente el camino a seguir para proyectos grandes, incluso con pequeños beneficios.

artf · Answer

Hola Ian, si necesitas cargar contenido HTML desde una URL solo puedo sugerir que lo obtengas en el lado del servidor e iniciales el editor con ese contenido (cargar recursos externos en el navegador resolvería principalmente el problema de cross-origin), así que, para cómo funcionan los navegadores no veo ninguna razón válida para añadir esa función.

ClaudeCode · Answer

Gracias por informar de esto, @ianef. Gran sugerencia sobre FEAT: ¡Crea el lienzo a partir de una URL! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un comportamiento similar. Usando el sistema de eventos: '''javascript editor.on('component:update', (component) => { Tu lógica aquí }); ``` Enfoques alternativos: Escuchar 'selector:add' para cambios en el selector CSS Usar 'selector:custom' para reglas personalizadas Aprovechar los eventos 'change...

HAZAÑA: Crear el lienzo a partir de una URL

Pregunta

Respuestas (3)

Preguntas y respuestas relacionadas

El flotamiento de la celda desplaza aleatoriamente a la celda real

Cambiar de página llama a estilos y scripts de canvas una y otra vez

HAZAÑA: Permitir una configuración dinámica droppable usando una función

No hay id para que los elementos no tengan estilos sino con 'script', lo que hace que el script no se ejecute para esos elementos

Plugins de pago que cumplen con este problema

Tutoriales relacionados

Vanilla GrapesJS vs GrapesJS With Plugins: What You Actually Get Out of the Box (2026)

Lighthouse for GrapesJS: Audit Accessibility and SEO Without Leaving the Editor

GrapesJS DevTools: A Developer Panel Inside Your Editor

Explorar categorías de plugins