Issue #1831💬 RespondidoAbierto el 25 de febrero de 2019por SeongwoonHongReacciones 0

¿Cómo ejecutar comandos para un componente de bloque?

Respuesta rápidapor NicoEngler

Para lograrlo, puedes escuchar el evento drag del editor:

Lee la respuesta completa abajo ↓

Pregunta

editor. BlockManager.add('test', {
      etiqueta: 'prueba',
      categoría: 'Básico',
      comando: () => {
        editor.runCommand('open-assets')
       }
    });

Me gustaría hacer algo así. Así que, una vez que un usuario deja caer el componente de prueba en el lienzo, me gustaría abrir el modal de gestor de activos donde puedas subir una imagen ejecutando el comando 'open-assets'.

Muchas gracias, Artur

Respuestas (3)

NicoEngler27 de febrero de 2019

Para lograrlo, puedes escuchar el evento drag del editor:

editor.on('block:drag:stop', component => {
    Identifica tu componente y haz algo interesante :)
});
SeongwoonHong27 de febrero de 2019

@NicoEngler ¡Gracias por responder! aunque no estoy seguro de cómo insertar una imagen desde el modal de imagen en el componente link-block

editor.on('block:drag:stop', model => {
      if (model.getName() === 'Enlace') {
        editor.runCommand('open-assets', {
          objetivo: this.editor.getSelected()
        });
      }
    });

Si hago esto, no pasa nada incluso después de seleccionar una imagen del modal @artf ¿Hay alguna forma de hacerlo?

Además, el modal está vacío al principio antes de abrir el administrador de activos usando el componente Imagen. No sé por qué...

NicoEngler27 de febrero de 2019

Me temo que no puedo ayudar más sin tener que trastear yo mismo con el código. Aunque puedo ayudar depurando si disparas un ejemplo en Codepen o similar.

Preguntas y respuestas relacionadas

Continúa investigando con debates sobre temas similares.

Plugins de pago que cumplen con este problema

Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.

Ver todos los plugins

Cargando recomendaciones de plugins de pago...

Opción gratuita

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 →
Opción premium

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.

Todos los tutoriales →

Explorar categorías de plugins

Ve directamente a las páginas de categorías de plugins en el marketplace.