Issue #577💬 RespondidoAbierto el 28 de noviembre de 2017por krunal039Reacciones 2

Solo permite un componente de tipo específico en el editor

Respuesta rápidapor ryandeba1

Hola @krunal039, Mi mejor sugerencia sería escuchar el evento component:add. En la función de escucha de eventos podrías comprobar si el componente añadido es del tipo que buscas, y si ahora existen más de uno de esos componentes en el lienzo, entonces quita el que acaba de añadirse e informa al usuario.

Lee la respuesta completa abajo ↓

Pregunta

¿Hay alguna forma de no permitir que ningún componente específico se deshaga más de una vez en la página? Tengo un componente personalizado y el usuario no puede dejarlo más de uno en la página, así que si el componente ya está añadido en la página, quiero mostrar un mensaje específico y no permitir que se elimine en el editor

Respuestas (3)

ryandeba28 de noviembre de 2017

Hola @krunal039,

Mi mejor sugerencia sería escuchar el evento component:add. En la función de escucha de eventos podrías comprobar si el componente añadido es del tipo que buscas, y si ahora existen más de uno de esos componentes en el lienzo, entonces quita el que acaba de añadirse e informa al usuario.

bunomonteiro30 de diciembre de 2017
editor.on('component:add', model => {
    // ... Tu lógica va aquí
    if(remove){
        model.destroy();
    }
  });
artf30 de noviembre de 2017

@krunal039 la sugerencia de Ryan es la forma correcta de cumplir tu petición

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.