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
[PREGUNTA] ¿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
[Pregunta] 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
[PREGUNTA] - 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
Ship to Production Faster: What’s New in GrapesJS Shadcn
Supercharge your page builder! GrapesJS Shadcn adds live drag previews, rich text / commands, dynamic data, and canvas presets to ship to prod faster.
Tutorial
How to Build a Production GrapesJS Editor: The Complete Walkthrough of Brief, Preset, Plugins, and Services
A complete walkthrough of building a production GrapesJS editor: how to choose a preset, pick plugins, and scope setup services without burning a sprint.
Tutorial
GrapesJS Inline RTE Plugins Update: CKEditor 5 v0.1.4 and Froala Inline Text Editor
CKEditor 5 Inline for GrapesJS v0.1.4 fixes Studio SDK toolbar clipping, iframe injection and link balloon bugs. Compare with Froala Inline — both $69.
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.