El Gestor de Estilos no actualiza el segundo plano cuando se selecciona un componente
Hola @ronaldohoch el problema aquí es con tu historial de tipos personalizados y la forma en que lo añades no es correcta (uso correcto de la API). El 'addType' es principalmente para añadir nuevas entradas de interfaz; si no necesitas un nuevo tipo de interfaz (como en tu caso) puedes confiar en 'addBuiltIn' para ext...
Lee la respuesta completa abajo ↓Pregunta
Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Brave Browser V1.39.111 Enlace de demo reproducible https://jsfiddle.net/e7oau8v6/ Describe el bicho ¿Cómo reproducir el bicho?Poner una columna en lienzo. ! imagenSelecciona el componente de textoVe a la pestaña de estilo y busca el fondo de las decoracionesEstablece una imagen de fondo. ! imagenCambiar el componente. ! imagenLa propiedad de fondo no cambia ! imagen ¿Cuál es el comportamiento esperado? Que la propiedad de fondo se actualice al estado actual del componente seleccionado ¿Cuál es e...
Respuestas (3)
Hola @ronaldohoch el problema aquí es con tu historial de tipos personalizados y la forma en que lo añades no es correcta (uso correcto de la API). El 'addType' es principalmente para añadir nuevas entradas de interfaz; si no necesitas un nuevo tipo de interfaz (como en tu caso) puedes confiar en '...
Hola @artf, tengo un problema bastante similar al @ronaldohoch cuando uso la última versión de GrapesJS Vista previa de imagen de fondo mostrar enlace de error Los detalles están en la imagen de abajo: ! Captura de pantalla 2022-06-01 a las 15 49 03
Gracias por informar de esto, @ronaldohoch. Buena pregunta sobre El Style Manager no actualiza el segundo plano cuando se selecciona un componente. 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...
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #5990
Cuando eliminas un componente, las clases duplicadas entre componentes se eliminan.
Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome 126.0.6478.127 (Windows) Enlace de...
Issue #6096
La caja redimensionable desaparece al volver a seleccionar componentes
Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible https:...
Issue #5319
Deshacer no actualiza la clase en el componente
Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome V116.0.5845.96 Enlace de demo repr...
Issue #4576
Al hacer clic en 'envolver para estilo' afecta los componentes internos de otros componentes dentro del mismo cuadro de texto
Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome 104.0.5112.101 Enlace de demo reprod...
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
GrapesJS DevTools: A Developer Panel Inside Your Editor
If you've ever debugged GrapesJS with console.log(editor.getSelected()) and a dozen throwaway event listeners — this post is for you.
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.
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.