Código conjunto del gestor de códigos
Hola @froderf, por ahora la única forma de conseguir esa regla es usando el método 'CssComposer.get'. En tu caso, '.classx .c1234' se almacena dentro de 'selectorsAdd' como si no fuera un selector de clase de nivel único (por ejemplo, '.class1.class2') '''js editor. CssComposer.get([], null, null, { selectorsAdd: '.cl...
Lee la respuesta completa abajo ↓Pregunta
Hola @artf. ¿Existe algo parecido a esto 'Editor. CodeManager.setCode(component, 'css', {cssc: editor. CssComposer}'
para actualizar la regla CSS del bloque seleccionado devuelto de 'Editor. CodeManager.getCode(component, 'css', {cssc: editor. CssComposer});'
Por ejemplo:
Esta es la colección de reglas CSS devuelta de usar
'Editor. CodeManager.getCode(component, 'css', {cssc: editor. CssComposer});'
Devolvidos:
.c1234 {
color: 'blanco';
}
.classx .c1234{
Antecedentes: negro;
}
Lo que necesito es guardarlo y actualizarlo a 'me gusta'
.c1234 {
color: 'amarillo';
}
.classx .c1234{
Antecedentes: #222222;
}
Probé la regla cc.setClassRule('c1234', { background: #222222 }); pero esta función de csscomposer está limitada solo a una clase. Necesito una función dinámica que pueda actualizar el contenido devuelto por 'editor. CodeManager.getCode(component, 'css', {cssc: editor. CssComposer});'
¡Gracias!
Respuestas (2)
Hola @froderf, por ahora la única forma de conseguir esa regla es usando el método 'CssComposer.get'. En tu caso, '.classx .c1234' se almacena dentro de 'selectorsAdd' como si no fuera un selector de clase de nivel único (por ejemplo, '.class1.class2') '''js editor. CssComposer.get([], null, null, { selectorsAdd: '.classx .c1234' })
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 #1822
[PREGUNTA] - Añadir sector de estilo para la regla Css específica
Hola @artf, ¿Podrías ayudar en esto? Quiero desactivar al usuario para que pueda seleccionar el bloque de envoltura (cuerpo), pero aún así...
Issue #1623
Mismo diseño para todos los bloques
Hola @artf, esto en realidad no es un error, pero me gustaría preguntar Si existe algo como el diseño global para cada bloque. por ejemplo,...
Issue #1836
Cómo añadir !important en todas las APIs generadas
Hola @artf, Aunque voy a editar algo de html desde el editor con la ayuda de CSS, necesito añadir '!important' a todo el CSS, que ha cambia...
Issue #546
De CSS en línea a clase
@artf gracias por el increíble proyecto, la edición del sitio es mucho más sencilla. Por defecto, el editor convierte CSS en línea a Class,...
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.