Cambiar el estilo del lienzo
Hola, Olvídalo, yo soluciono este problema, solo añade eventos al cambio así. '''javascript editor.on('change:device', function(e) { if (e.attributes.device !== 'Escritorio') { editor.setStyle('/builder/css/builder-mobile.css') } else { editor.setStyle('/builder/css/builder-desktop.css') } }); ``` Gracias
Lee la respuesta completa abajo ↓Pregunta
Hola,
Tengo algunas dudas sobre el estilo del lienzo, en este caso tengo una configuración así.
'''js var editor = grapesjs.init({ contenedor: '#gjs', lienzo: { Estilos: ['/constructor/css/builder-desktop.css'] } })
Por defecto uso CSS con el nombre 'builder-desktop.css' como estilo de lienzo por defecto. Y luego quiero que si cambio **Administrador de dispositivos** y elijo móvil, pueda cambiar el estilo de un lienzo a 'builder-mobile.css'.
Muchas gracias
Respuestas (2)
Hola,
Olvídalo, yo soluciono este problema, solo añade eventos al cambio así.
'''javascript editor.on('change:device', function(e) { if (e.attributes.device !== 'Escritorio') { editor.setStyle('/builder/css/builder-mobile.css') } else { editor.setStyle('/builder/css/builder-desktop.css') } });
Gracias
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 #428
Cambiar el fondo del cuerpo
Hola, Antes que nada, quiero daros las gracias por este proyecto increíble! Tengo algunas preguntas sobre el editor, y más concretamente so...
Issue #519
No hay bloques por defecto
Uso de este código Tengo un editor pero no hay bloqueos. Tampoco veo los iconos del tamaño de pantalla, pero sí hay otros iconos. Como pued...
Issue #384
Crear y editar plantilla en base de datos
Este es mi código para crear una nueva plantilla e insertar el html en línea con estilo en la base de datos: '''js var editor = grapesjs.in...
Issue #1807
Fallas del marco de GrapeJ al añadir una hoja de estilo externa
Cuando añado mi hoja de estilo externa usando El marco de GrapesJS ya no funciona. ¿Cómo puedo tener la hoja de estilo además del framework...
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.