Issue #392💬 RespondidoAbierto el 8 de octubre de 2017por daniel-farinaReacciones 2

Define la clase seleccionada.

Respuesta rápidapor daniel-farina1

Actualización: Vale, he descubierto que puedo hacer que todos se desseleccionen por defecto cambiando src/selector_manager/modelo/Selector.js ! imagen Y esto prácticamente soluciona todos mis problemas, ya que cuando cambio el color de fondo del bloque, solo se actualiza c875. Cerrando esto porque ya está resuelto.

Lee la respuesta completa abajo ↓

Pregunta

Hola @artf,

¿Hay alguna forma de seleccionar automáticamente la clase que se crea en elementos con estilos personalizados?

! imagen

Actualmente estoy intentando actualizar dinámicamente las clases con un sistema de cuadrícula y funciona bien, pero la selección automática de todas las clases está generando problemas. He estado horas mirando el código intentando averiguarlo.

Cualquier indicación hacia el archivo correcto donde ocurre la magia es bienvenida.

Actualmente estoy mirando: \src\selector_manager\view\ClassTagView.js

¡Gracias!

Respuestas (3)

daniel-farina8 de octubre de 2017

Actualización:

Vale, he descubierto que puedo hacer que todos se desseleccionen por defecto cambiando src/selector_manager/modelo/Selector.js

   activo: falso,

! imagen

Y esto prácticamente soluciona todos mis problemas, ya que cuando cambio el color de fondo del bloque, solo se actualiza c875.

Cerrando esto porque ya está resuelto.

artf11 de octubre de 2017

Puedes acceder a los selectores desde el modelo '''js model.get('classes').each(selector => selector.set('active', 0))

O, por ejemplo, desactivarlos todos desde su módulo

'''js
editor. SelectorManager.getAll().each(selector => selector.set('active', 0))
daniel-farina8 de octubre de 2017

Para que lo sepas, cambiar esto a falso hará que tu build falle debido a esto en el script de prueba:

Acabo de comentar esto aquí: Prueba/especificaciones/selector_manager/modelo/SelectorModels.js

        it('Tiene propiedad activa', () => {
        expect(obj.has('active').toIgual(false);
        // });

y esto

Prueba/especificaciones/css_composer/e2e/CssComposer.js línea 129

 ruleOut = JSON.parse(JSON.stringify(ruleOut));
          var ruleResult = {
            mediaText: '',
            Seleccionadores: [{
             activo: false, //cambió esto a false

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.