Issue #2706✓ ResueltoAbierto el 7 de abril de 2020por adamwpeReacciones 5

ID único en contenido de bloque sin estilo en línea

Respuesta rápidapor adamwpe3

@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)

👍 Muy útiladamwpe8 de abril de 2020

@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! :)

pouyamiralayi8 de abril de 2020

Hola @adamwpe aquí están los enfoques que bloquean a los selectores no deseados: comentario #1979 y comentario #404 ¡Salud!

pouyamiralayi8 de abril de 2020

@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.

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 →

Explorar categorías de plugins

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