El Administrador de Deshacer crea CSS duplicado durante un comando personalizado
No estoy seguro de qué está pasando exactamente, pero te sugeriría cambiar al evento 'styleable:change' y pasar sus opciones a 'setStyle', por ejemplo. '''js editor.on("styleable:change", (modelo, prop, opts) => { let component = editor.getSelected(); si (¿componente?. atributos.estiloCompartido) { Let hijo = componen...
Lee la respuesta completa abajo ↓Pregunta
Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? 103.0.5060.66 (Versión Oficial) (64 bits) (cohorte: Estable) Enlace de demo reproducible https://codesandbox.io/s/cranky-morning-fh5diz?file=/index.js Describe el bicho ¿Cómo reproducir el bicho?Colocar la "imagen" personalizada en el marco y redimensionarla.Mira la vista previa de marcado y verás dos identificadores en el CSS con marcado duplicado (ID de imagen e ID IMG)"Deshacer" hasta que cambie de tamaño otra vezMira la vista previa de marcado, y ahora el marcado css tiene un ID duplicado del...
Respuestas (2)
No estoy seguro de qué está pasando exactamente, pero te sugeriría cambiar al evento 'styleable:change' y pasar sus opciones a 'setStyle', por ejemplo. '''js editor.on("styleable:change", (modelo, prop, opts) => { let component = editor.getSelected(); si (¿componente?. atributos.estiloCompartido) {...
Gracias por informar de esto, @booellean. Buena pregunta sobre Deshacer el Administrador crea CSS duplicado durante comandos personalizados. 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...
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 #4474
Ejecutar en modo sin cabeza requiere ventana
Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome 103.0.5060.134Enlace de demo reprodu...
Issue #4116
Flex Property no funciona en el gestor de estilo
Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Versión 1.34.81 Chromium: 97.0.4692.99 (Versión of...
Issue #4573
ParseStyle no es una función
Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Firefox 104.0.1Enlace de demo reproducible...
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.