El modal no se abre después de cerrarlo dinámicamente
No puedo reproducirlo en la demo oficial, por ejemplo. '''js editor.on('modal:open', () => { console.log('Modal abierto'); setTimeout(() => { console.log('Modal cerrado'); editor. Modal.close() }, 2000) }); ``` Pero solo revisando tu código, diría que no se abre porque lo cierras inmediatamente después (justo después...
Lee la respuesta completa abajo ↓Pregunta
Hola;
Gracias a todos por la gran herramienta, me encanta la documentación, lo fácil de usar y entender. Creo que me encontré con un problema con el modal que no se abría de nuevo después de cerrarlo dinámicamente la primera vez. Ejemplo:
editor.on('modal:open', () => this.openModalHandler(editor));
openModalHandler(editor){
modelo const = editor.getSelected();
const modal = editor. modal;
const {type} = model.attributes;
modal.close();
interruptor (tipo) {
Caso 'Imagen':
Caso 'Sección':
return this.addBackgroundImage(type);
}
}
Respuestas (3)
No puedo reproducirlo en la demo oficial, por ejemplo. '''js editor.on('modal:open', () => { console.log('Modal abierto'); setTimeout(() => { console.log('Modal cerrado'); editor. Modal.close() }, 2000) });
Pero solo revisando tu código, diría que no se abre porque lo cierras inmediatamente después (justo después de que se active la apertura), ¿me estoy perdiendo algo?
Este asunto se ha cerrado automáticamente porque no ha recibido respuesta a nuestra solicitud de más información por parte del autor original. Con solo la información que actualmente hay en el asunto, no tenemos suficiente información para actuar. Por favor, contacta con nosotros si tienes o encuentras las respuestas que necesitamos para que podamos investigar más a fondo.
Gracias por informar de esto, @alivex.
Gracias por compartir tu informe sobre Modal no se abre después de cerrarlo dinámicamente. Para ayudar al equipo a investigar y priorizar esto:
Por favor, proporciona:
- Un ejemplo mínimo reproducible (CodeSandbox/JSFiddle)
- Tu GrapesJS número de versión
- Información sobre navegador y sistema operativo
- Cualquier mensaje de error de la consola del navegador
- Pasos para reproducir el problema
Lo que más ayuda:
- Ejemplo de código mínimo (no tu proyecto completo)
- Grabación de pantalla o captura de pantalla que muestra el problema
- Comportamiento esperado frente a comportamiento real claramente indicado
- Configuración GrapesJS que estás usando
Con estos detalles, los mantenedores pueden identificar y priorizar una solución mucho más rápido. El equipo de GrapesJS responde muy bien a los problemas bien documentados.
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #3347
¿Cómo puedo conseguir código JS sin comprimir para editarlo?
Hola, gracias por revisar mi problema. Quiero usar mi propio JSEditor para editar html, css y js. Primero, uso 'getHtml', 'getCss', 'getJs'...
Issue #3336
Edición de texto con un solo clic
Se requieren muchos clics para que el texto sea editable, ¿podemos hacer que el campo de texto sea editable con un solo clic? Lo sé, el cli...
Issue #3500
Elimina el rasgo personalizado por su tipo.
He creado un rasgo personalizado, pero el nombre de ese rasgo será dinámico, lo cual se desconoce. El problema es que el removeTrait() actu...
Issue #3340
GJS-CV-tools en una posición incorrecta cuando pongo grapesjs en un splitpanes
Hola, gracias por tu trabajo. Tengo un problema. Quiero hacer una vista tipo codepen y que la vista de grapesjs sea arrastrable hacia arrib...
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
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.
Tutorial
GrapesJS vs Webflow vs Builder.io vs Puck: Which Visual Builder to Choose in 2026
A practitioner's 2026 comparison of GrapesJS, Webflow, Builder.io, and Puck — pricing, AI features, lock-in, and a one-line rule for picking the right one
Tutorial
GrapesJS vs Webflow vs Tilda (2026): Honest Comparison, Pricing & Which to Pick
GrapesJS vs Webflow vs Tilda compared head-to-head: real 2026 pricing, SEO features, code export, and which one actually fits your project
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.