Haz que el elemento exterior no sea seleccionable
https://jsfiddle.net/wswvuvab/2/ Parece funcionar correctamente (revisa tu versión), he añadido la propiedad 'data-gjs-hoverable="false"' para evitar la casilla de resaltado
Lee la respuesta completa abajo ↓Pregunta
Estoy intentando que el elemento exterior no sea seleccionable y que el interior sea solo seleccionable
editor. BlockManager.add('full-width',
{
categoría:'Secciones',
etiqueta: 'Full Width',
contenido: '<section class="row" data-gjs-droppable=".col" data-gjs-custom-name="Row" data-gjs-selectable="false" data-gjs-selectable="false">\n <div class="col col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center" data-gjs-draggable=".row" data-gjs-custom-name="Col"></div>\n</section>',
});
El elemento exterior es la etiqueta de sección y el interior es el div, necesito que la sección esté ahí por motivos, pero no quiero que sea seleccionable
La etiqueta data-gjs-selectable=false no parece funcionar para mí, ya que el elemento exterior sigue siendo seleccionable, agradecería que alguien supiera la sintaxis correcta para lograrlo, gracias
Respuestas (3)
https://jsfiddle.net/wswvuvab/2/ Parece funcionar correctamente (revisa tu versión), he añadido la propiedad 'data-gjs-hoverable="false"' para evitar la casilla de resaltado
Debe ser mi versión entonces, porque sigue siendo seleccionable/hoverable, pero acepta data-gjs-highlightable="false", gracias de nuevo por tu ayuda
Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #1034
Insertar elemento o bloque dentro del elemento padre
Buenos días, tengo componente, tengo bloqueo tengo Trait en los cambios de escucha, ¿cómo puedo añadir "h1" dentro de ese bloque "''<div cl...
Issue #1584
No obtengo el script de bloque de editor.getComponents()
A continuación está el componente que voy a añadir.this.editor.BlockManager.add('dob-mmyy-pii', { id: 'dob-mmyy', etiqueta: 'FECHA DE NACIM...
Issue #1819
[Pregunta]: Bloquear atributos de contenido (ngModel en mi caso) forzados a minúsculas
Estoy intentando usar la directiva angular. En cualquiera de los contenidos de bloque, por ejemplo ' bm.add('radio-block',{ etiqueta: 'Elem...
Issue #1722
[PREGUNTA] ¿Cómo hacer que mi etiqueta personalizada sea seleccionable y editable dentro de Canvas?
Hola, intento cambiar mi etiqueta personalizada de ion-item tiene div en las propiedades de la vista, pero no me funciona como esperaba. mi...
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.