Modal abierto después del elemento de caída
Por favor, revisa la documentación https://grapesjs.com/docs/api/modal_dialog.html#modal use Modal.setContent();
Lee la respuesta completa abajo ↓Pregunta
¿Cómo mostrar un diálogo modal personalizado cuando se deja un elemento en el editor? Por ejemplo, aparece un diálogo modal de activo al soltar el bloque de imagen en el editor.
Respuestas (3)
Por favor, revisa la documentación https://grapesjs.com/docs/api/modal_dialog.html#modal
use Modal.setContent();
Usa eventos del Editor
[https://grapesjs.com/docs/api/editor.html#available-events](https://grapesjs.com/docs/api/editor.html#available-events)
'editor.on('component:add', (model, argument) => {
Filtrar usando nombre de componente
if (model.getName() === 'modelName') {
Modal del programa
}
filtrar usando la clase css
if (model.getAttrToHTML().class === 'nombreClase') {
Modelo de exhibición
}
});`Gracias. Soy nuevo en este plugin. ¿Cómo crear mi propio diálogo modal que tenga opciones de casillas de verificación o de selección, etc.?
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #1472
[PREGUNTAS] Bloque de código personalizado y JS
¿Me pregunto si existe alguna limitación o si realmente es posible crear un bloque que permita al usuario del editor escribir código JavaSc...
Issue #1044
Cambiar src para elemento de imagen en el modelo
Hola Cuando un bloque de imagen cae al editor, oculto el gestor de activos predeterminado y muestro mi gestor personalizado: Para esto no t...
Issue #816
[PREGUNTA] Añade bloque de imagen a través de la API del editor
Hola @artf, Cuando arrastro y suelto un bloque de imagen dentro del lienzo, se activa el evento 'activo' para el bloque de imagen que ejecu...
Issue #1848
[Pregunta] Después de recargar la página, el botón más ("+") no se muestra.
Hola @artf, Cuando arrastro el bloque de sección, aparece un botón más. Después de guardar y recargar la página, el botón "+" no aparece. T...
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.
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.