Las clases css personalizadas no funcionan si uso editor.setStyle(css_text);
Pregunta
Necesito establecer estilos usando los datos que recibo de la base de datos de forma asíncrona. Pero entonces se elimina el CSS que compuse manualmente. '''js const cssComposer = editor. CssCompositor; var sm = editor. SelectorManager; var sel1 = sm.add('simple-div'); var rule = cssComposer.add([sel1]); Actualizar el estilo regla.set('estilo', { Ancho: '100%', Altura:'Auto', Acolchado: '15px', flotar: 'izquierda', });
la clase .simple-div anterior no existe si uso setStyle()
Respuestas (1)
Utiliza la API setRule
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #3541
¿Cuál es la forma idiomática de añadir y eliminar clases de los componentes?
Hola 👋 ¡Me encanta el editor! Estamos usando rasgos para modificar las clases que tiene un componente, pero eso resulta un poco forzado po...
Issue #913
Usando la etiqueta Style en lugar de css
Hola, He estado echando un vistazo al interior del dom_components, pero no consigo averiguar cómo anular manualmente el aspecto del estilo....
Issue #843
CssComposer - elimina clases no utilizadas
Hola @artf, Importo un html, usando import de grapesjs-preset-newsletter, con algunas clases CSS dentro de la <style>etiqueta ''. Después d...
Issue #778
Guardar en la base de datos data-gjs-droppable
Hola a todos, Necesito resolver un problema. Guardar html grapejs elimina todos los datos-gjs- de html. ¿Existe alguna forma de mantener to...
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.
Tutorial
Messaging on gjs.market: talk to a studio before you buy, not after
We've launched private messaging between buyers and studios. One thread per buyer–studio pair, the whole history in one place.
Tutorial
Vanilla GrapesJS vs GrapesJS With Plugins: What You Actually Get Out of the Box (2026)
New to GrapesJS? See exactly what the stock editor gives you, where it falls short, and which plugins close the gaps — a beginner-friendly 2026 comparison
Tutorial
Lighthouse for GrapesJS: Audit Accessibility and SEO Without Leaving the Editor
Live WCAG 2.1/2.2 accessibility auditor + SEO manager for GrapesJS. Every finding is bound to the exact component — click to select, then one-click fix.
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.