Añade bloque de imagen a través de la API del editor
Sí, tienes razón @artf. No había pensado en casos tontos como los que mencionas. A mí me funcionó muy bien. Simplemente pensé que si no era el caso, incrustar ese comportamiento dentro de los 'addComponents' o en otro sitio. ¡Gracias por toda la ayuda, por cierto! Cerrando el número en 3, 2, 1.....
Lee la respuesta completa abajo ↓Pregunta
Hola @artf,
Cuando arrastro y suelto un bloque de imagen dentro del lienzo, se activa el evento 'activo' para el bloque de imagen que ejecuta el método 'openModal'. Muestra un modal para subir la imagen. Estoy intentando ejecutar 'editor.addComponents({ type: 'image' });' y muestra el modal para subir la imagen.
No encontré ningún método de API que ofrezca esa funcionalidad. ¿Me estoy perdiendo de algo?
Si GrapesJS no lo ofrece, ¿qué te parece si intento mejorar el 'editor.addComponents' para comprobar el tipo de componente y activar el evento 'activo'?
Respuestas (3)
Sí, tienes razón @artf. No había pensado en casos tontos como los que mencionas. A mí me funcionó muy bien. Simplemente pensé que si no era el caso, incrustar ese comportamiento dentro de los 'addComponents' o en otro sitio.
¡Gracias por toda la ayuda, por cierto! Cerrando el número en 3, 2, 1.....
@chiqui3d, gracias por el comentario, pero el bloque de imagen era solo un ejemplo. En mi caso he creado un nuevo Tipo y estaba intentando activar el evento 'activo' para mi componente. Funciona exactamente igual que el bloque de imagen, por eso usé el bloque de imagen como ejemplo.
@artf, ¡gracias por la respuesta! ¡Funcionó bien!
¿Por qué el evento 'activo' no se activa internamente cuando llamamos al método 'editor.addComponents'?
Creo que esto te ayudará. 'editor.runCommand('open-assets');' https://github.com/artf/grapesjs/wiki/Assets
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #861
[Pregunta] Ayuda para añadir imágenes al lienzo
He seguido la documentación y he podido subir imágenes. Cuando arrastro un bloque de imagen (usando el preajuste del boletín) y selecciono...
Issue #580
[Pregunta] ¿Cualquier evento o evento de disparo cuando se deja caer un bloque dentro del lienzo?
Hola, ¿Cómo puedo activar algún evento cuando se actualiza cualquier bloque o contenido nuevo dentro del canvas? Algo como 'editor.onCanvas...
Issue #956
[PREGUNTA] ¿Cómo cargar un nuevo rasgo que he añadido en un componente incorporado?
Hola chicos, he añadido un rasgo para mi elemento Link que es un componente integrado para gjs-blocks-basic. Cuando arrastro un nuevo compo...
Issue #1895
[PREGUNTA] Arrastra el componente sobre el lienzo con script, script añadido varias veces.
Hola, no estoy seguro de si esto es un error o no. Pero he notado un comportamiento extraño: cuando arrastro un bloque que tiene un compone...
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.