Ordenación del selector con id y selectores de clase, espacio después del selector de id

Question

Actualmente estoy trabajando en una aplicación web para la que integramos este proyecto como editor de interfaz gráfica para personalizar los entornos. Nuestros componentes GUI se cargan y analizan desde la base de datos. Podemos identificar, por ejemplo, un botón, una cuadrícula de datos, etc., mediante un ID (por ejemplo, '17190fbd-13d6-430f-bb32-1a09d2151a77'). Estos componentes se construyen a partir de varios elementos HTML anidados mediante un framework que añade clases para el estilo. Mi...

dintifla · Accepted Answer

Una breve actualización: Conseguí poner los selectores en el orden correcto usando 'selectors.unshift(idSelector)' en lugar de 'selectors.add(idSelector)' en el ejemplo anterior. Ahora sigo teniendo el problema del espacio que falta entre los selectores de id y clase. Hasta ahora no encontraba la forma de acceder a 'Selectors.getFullString(..)' para cambiar el comportamiento

artf · Answer

Hola @dintifla SelectorManager no está pensado para funcionar así (solo puedes tener una mezcla de clases '.class1.class2' pero no con IDs), pero sinceramente no entiendo cuál es tu objetivo usando SelectorManager. Si necesitas consultar un componente en el editor, puedes hacer esto simplemente 'anyParentComponent.find('#my-id .my-class')[0]'

dintifla · Answer

Hola @artf gracias por tu respuesta. Al final no se trata solo de consultar un componente, sino de generar el CSS para él. No necesito el HTML porque mi aplicación está diseñada en una aplicación cliente enriquecida, almacenada en una representación abstracta en la base de datos y luego analizada en un DOM. Como resultado, no puedo usar los IDs generados por GrapesJS, ya que no tengo posibilidad de almacenar HTML (ni ninguna otra representación del DOM). Al final, espero que todas mis reglas se...

Ordenación del selector con id y selectores de clase, espacio después del selector de id

Pregunta

Respuestas (3)

Preguntas y respuestas relacionadas

Los estilos generados no se escapan de dos puntos en los nombres de clase

Sustituye la Vista actual por los componentes principales de la interfaz del editor

Desactivar/cambiar el comportamiento de los componentes integrados

Cómo eliminar la regla CSS del selector de clases

Plugins de pago que cumplen con este problema

Explorar categorías de plugins