ID único en contenido de bloque sin estilo en línea
@pouyamiralayi Mi error: lo he solucionado, todavía tenía algo de 'CssComposer.setRule' por ahí!!!!! (ya que tenía activada la depuración en mi PC de desarrollo) Eso fue añadiendo la clase .row. (Eso es embarazoso) Gracias por el consejo en la dirección correcta respecto al selector 'privado: falso'; está funcionando...
Lee la respuesta completa abajo ↓Pregunta
Hola a todos,
He creado un elemento gestor de bloques personalizado, pero cuando se edita, aplica el estilo a la clase, lo que significa que todos los mismos elementos también se ven afectados. Si establezco un estilo en línea al elemento, entonces aplica el estilo a la clase / ID personalizado.
Sin estilo en línea: ! imagen
Código:
editor. BlockManager.add('column_1', {
etiqueta: 'Columna 1',
categoría: 'Básico',
Contenido: '
<div class="row gjs-row">
<clase div='col-md-12 gjs-column'>
</div>
'</div>
});
Con estilo en línea: ! imagen
Código:
editor. BlockManager.add('column_1', {
etiqueta: 'Columna 1',
categoría: 'Básico',
Contenido: '
<div class="row gjs-row" ${row_style}>
<div class='col-md-12 gjs-column' ${column_style}>
</div>
'</div>
});
¿Es posible forzar al gestor de estilos (puede que sea el nombre equivocado) a crear el ID / Clase personalizado y luego aplicar el estilo a eso? ¿En vez de modificar la clase no personalizada?
Respuestas (3)
@pouyamiralayi
Mi error: lo he solucionado, todavía tenía algo de 'CssComposer.setRule' por ahí!!!!! (ya que tenía activada la depuración en mi PC de desarrollo) Eso fue añadiendo la clase .row. (Eso es embarazoso)
Gracias por el consejo en la dirección correcta respecto al selector 'privado: falso'; está funcionando de maravilla :) sigue descubriendo cada vez más de este increíble proyecto.
¡Caso cerrado! :)
Hola @adamwpe aquí están los enfoques que bloquean a los selectores no deseados: comentario #1979 y comentario #404 ¡Salud!
@adamwpe puedes confirmar que, desactivando el selector 'row': 'active:false'' en el evento ''add:selector'', sigues recibiendo el selector?
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #3512
Los elementos hijos no se pueden arrastrar, se pueden soltar y se pueden resaltar. también el CSS de todos los elementos hijos que no se insertan en la sección de estilo mientras se desarrolla un componente banner en un plugin
Hola @artf, Estoy intentando desarrollar un plugin sencillo para banners que incluya un encabezado, un subtítulo y un enlace. y cada elemen...
Issue #1683
¿Cómo cambiar el id/clase cuando aparece un nuevo elemento en el editor o renderizo un elemento con IP dinámica?
Hola @artf, Espero que estés bien. Tengo dos preguntas sobre la suma de bloques dinámicos, 1) ¿Es posible renderizar el bloque con id dinám...
Issue #3507
Sin ID generado y sin ID de selección automática
Hola a todos, Estoy usando grapesjs-blocks-bootstrap4 y reviso cómo componen los componentes, se ve bien. Pero cuando seleccionas contenedo...
Issue #1821
[PREGUNTAS] ¿Cómo aplicar los cambios de estilo al ID en lugar de a la clase?
Hola, Tengo dos elementos con las mismas clases. Quiero aplicar cambios de estilo con el gestor de estilos a uno de estos dos elementos. Yo...
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 →Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.