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
Gestor de activos personalizado
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
Diseño de envoltorio
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
Building an AI-Assisted Document Engine with Next.js, GrapesJS, and the AI SDK
Transform your static template editor into an intelligent, generative design workspace with Vercel AI SDK, AI Elements and Next.js.
Tutorial
How to build a GrapesJS desktop app with Electron (complete guide 2026)
Run GrapesJS inside an Electron desktop app: mount it in the renderer, save projects to disk through IPC, and export HTML/CSS.
Tutorial
How to Build a Production GrapesJS Editor: The Complete Walkthrough of Brief, Preset, Plugins, and Services
A complete walkthrough of building a production GrapesJS editor: how to choose a preset, pick plugins, and scope setup services without burning a sprint.
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.