CSS estilo lienzo
Puedes usar canvasCSS option si no quieres usar archivos.
Lee la respuesta completa abajo ↓Pregunta
Hola chicos, en vez de peinar el init de esta manera... ¿Es posible usar un archivo SCSS en Canvas? Canvas { Style:['FILE. SCSS'] } ¿O simplemente hacerlo más limpio con un solo CSS de entrada? ¡Gracias! ' myComponent.append(<style> cuerpo { antecedentes: RGB(204,204,204); } .footer { posición: absoluta; Inferior: 5mm; Ancho: Auto; izquierda: 5mm; derecha: 5mm; } .footer-container { Acolchado: 7px 88px 7px 96px; } .footer-text:nth-child(2) { flotar: correcto; } .footer-text { tamaño de fuente: 11px; } .logo-noovle img{ Altura: 41px; ancho: 211px; } .logo-placeholder img{ flotar: Correcto; Alt...
Respuestas (3)
Puedes usar canvasCSS option si no quieres usar archivos.
¡Muchas gracias! ¡Este archivo de configuración me va a ayudar mucho!
Gracias por informar de esto, @devtechk. Buena pregunta sobre el css de estilo canvas. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo específico Busca el método del oyente de eventos 'on()' La mayoría de l...
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #4739
Nombre de la clase CSS con '/' convertido a '-'
Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Edge Versión 107.0.1418.52 (Versión oficial...
Issue #4196
El IDS cambia al intentar configurar componentes en el lienzo usando json
Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible sin en...
Issue #5229
Textnode con contenido "null" se representa como "null", no como espacio en blanco
Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Versión de Chrome 114.0.5735.199 (Versión o...
Issue #3810
Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué…
Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? 92.0.4515.131 (Versión oficial) (64 bits)En...
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 →Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.