Pregunta: Cómo añadir diferentes relaciones de aspecto a los dispositivos móviles en el administrador de dispositivos.
Perdona, ¿puedes ilustrar mejor qué necesitas? ¿Cuál es el CSS final que esperarías del editor?
Lee la respuesta completa abajo ↓Pregunta
Estamos trabajando en un sistema CMS que utiliza uvas js. Llegamos a una condición en la que no podíamos añadir la relación de aspecto en la "mediaCondition" manteniendo la orientación. Nuestro editor de diseño tiene modos de diseño vertical y paisajístico con una proporción 16:9. Pero nos gustaría añadir más relaciones de aspecto como 18:9, 19:9 y 19,5:9, para que la página de diseño escale en dispositivos móviles diferentes.
Respuestas (3)
Perdona, ¿puedes ilustrar mejor qué necesitas? ¿Cuál es el CSS final que esperarías del editor?
Este asunto se ha cerrado automáticamente porque no ha recibido respuesta a nuestra solicitud de más información por parte del autor original. Con solo la información que actualmente hay en el asunto, no tenemos suficiente información para actuar. Por favor, contacta con nosotros si tienes o encuentras las respuestas que necesitamos para que podamos investigar más a fondo.
Gracias por informar de esto, @Nigus.
Excelente pregunta sobre Pregunta: Cómo añadir diferentes relaciones de aspecto a dispositivos móviles en el administrador de dispositivos.. El enfoque recomendado con GrapesJS 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 las operaciones se pueden realizar escuchando eventos del editor y de los componentes
Patrones comunes: '''javascript Prestad atención a los cambios editor.on('Change', () => console.log('Something Changed'));
Ciclo de vida de los componentes editor.on('component:mount', (c) => console.log('component ready', c)); editor.on('component:update', (c) => console.log('component updated', c));
**Si sigues atascado:**
- Compartir una reproducción mínima de CodeSandbox
- Incluye lo que ya has probado
- Menciona tu versión GrapesJS
- ¡La comunidad está aquí para ayudar!
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #3249
PREGUNTA sobre JSON almacenado por el StorageManager
Oye, @artf. Quiero acceder al json que se genera cuando se almacena una plantilla sin almacenar realmente la plantilla. El objeto json se p...
Issue #3250
Pregunta: Etiquetas de capas
@artf Me encanta trabajar con GJS. Tengo una última cosa en la que me encantaría que me ayudaras. Sería increíblemente útil poder personali...
Issue #4608
Tras actualizar de la 0.19.4 a la última versión 0.20.1, los iconos en el administrador de capas no son visibles.
Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión 104.0.5112.101 (Versión oficial)...
Issue #3387
HAZAÑA: Cargar a través de la URL
¿Podemos añadir una opción para cargar a través de la URL? por ejemplo, ¿Pasamos una URL al init y allí se inicializa la página con el edit...
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
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
Big Updates: TinyMCE 8 and Placeholder 2.0 for GrapesJS
In May we shipped major updates to two of our most popular GrapesJS plugins — TinyMCE Inline Text Editor and Placeholder.
Tutorial
Find the Right GrapesJS Plugin in Seconds: Smarter Discovery Is Live
We're shipping a set of discovery upgrades. New label filters, a proper compatibility switch for GrapesJS vs Studio, one-click and a smarter sort bar.
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.