Amplía ejemplos/documentación de Pannel/Command abriendo una nueva vista
Una buena práctica para familiarizarte con GrapeJS sería intentar duplicar el gestor de bloques y crear el tuyo propio. Puedes lograrlo editando los archivos que aparecen a continuación. Un buen ejemplo sería copiar el src/blockmanagerand llamarlo src/sectionmanager y luego renombrar todos los nombres de BlockManager...
Lee la respuesta completa abajo ↓Pregunta
Hola Artur,
¡Primero que nada, Grapesjs es increíble!
Ahora mismo estoy intentando entender cómo crear un panel con un botón que abra una nueva vista, como hacen los bloques y los botones del gestor de capas. Quiero renderizar mi propio conjunto de elementos en esa nueva vista. Estoy mirando el código que usas para abrir esas vistas, pero que usa los gestores para renderizar los elementos. También es un poco confuso para qué sirve todo el código.
Sería genial tener más documentación sobre este tema.
Respuestas (3)
Una buena práctica para familiarizarte con GrapeJS sería intentar duplicar el gestor de bloques y crear el tuyo propio. Puedes lograrlo editando los archivos que aparecen a continuación. Un buen ejemplo sería copiar el src/blockmanagerand llamarlo src/sectionmanager y luego renombrar todos los nomb...
Hola, estaba mirando de hacer algo similar y encontré esto aquí. Me preguntaba si existe alguna documentación que explique más sobre el proceso de creación de nuevas vistas.
Hola @RuudH gracias por la sugerencia, espero publicar pronto algo más sobre este argumento. Por ahora, solo puedo sugerirte que compruebes los comandos usados para esos paneles (por ejemplo, Bloques abiertos)
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #3331
Custom Asset Manager
Hola @artf Seguí la documentación para crear un nuevo tipo de gestor de activos Aquí (https://codepen.io/abhi_punk81/pen/MWbWzaq) He creado...
Issue #3412
El guardado automático funciona parcialmente y deja de funcionar tras insertar texto
Hola a todos. Estoy usando este proyecto increíble para una aplicación de producción escrita con React.js, así que lo integré dentro de mi...
Issue #2972
HAZAÑA: Desactivar los scripts en el lienzo
Hola, antes que nada, gracias por una herramienta tan estupenda. En mi proyecto me encontré con el problema de que tengo que desactivar los...
Issue #3287
Wrapper styling
Antes que nada, enhorabuena @artf por este increíble proyecto 💯 Actualmente estoy trabajando en un proyecto y quería preguntar si puedo ed...
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
¿Cuánto cuesta construir un creador de páginas SaaS en 2026?
¿Cuánto cuesta crear un creador de páginas SaaS en 2026? Explora los costes realistas de desarrollo, los plazos, las funciones y cómo el uso de GrapesJS puede r
Tutorial
Claude Skill para GrapesJS: Cómo la IA está cambiando la forma en que construimos editores visuales
Hemos lanzado la Skill Claude para el Desarrollo GrapesJS — una habilidad gratuita y de código abierto que convierte a Claude en un desarrollador que realmente
Tutorial
Construyendo un motor de documentos asistido por IA con Next.js, GrapesJS y el SDK de IA
Transforma tu editor de plantillas estáticas en un espacio de trabajo de diseño inteligente y generativo con Vercel AI SDK, AI Elements y Next.js.
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.