La Clase de Componente Personalizada no se renderiza a menos que cambie el rasgo
Hola @adamwpe por favor usa el atributo ''classes'' en lugar de ''atributos'': ¡Salud!
Lee la respuesta completa abajo ↓Pregunta
Creo que esto es un error,
Básicamente, tengo un componente personalizado que tiene un atributo de una clase ('gjs-button'), pero esa clase solo parece renderizarse/aplicarse cuando se cambia un rasgo.
-
Arrastrar y soltar el componente: ! Captura1
-
Modificar el rasgo componente. ! Captura3
-
El componente se renderiza de nuevo, pero ahora puedes ver que se ha aplicado la clase 'gjs-button'. ! Captura4
He creado un ejemplo: https://jsfiddle.net/tb2gyas8/3/
¿Es un error? ¿O hay algún problema que esté estropeando el componente?
Gracias Adam
Respuestas (3)
Hola @adamwpe por favor usa el atributo ''classes'' en lugar de ''atributos'':
//...
redimensionable: cierto,
Editable: Cierto,
Hoverable: Cierto,
Clases:['BTN', 'GJS-Button'],
//...
¡Salud!
Oh, gracias, @pouyamiralayi,
He visto a alguien usar atributos y asumir que era el método correcto, ¡funcionó de maravilla!
Parece que pasa algo similar al guardar y recargar. Con este componente personalizado, puedes modificar el tamaño, pero cuando guardas y recargas, el renderizador no lo dibuja al tamaño correcto, aunque haya guardado el ancho correcto:
Antes de guardar: ! Capturea
Al recargar (tiene el ancho correcto): ! Captureb]
Si luego cambio el rasgo, vuelve a sus ajustes originales (es decir, perdiendo el ancho).
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #1895
[PREGUNTA] Arrastra el componente sobre el lienzo con script, script añadido varias veces.
Hola, no estoy seguro de si esto es un error o no. Pero he notado un comportamiento extraño: cuando arrastro un bloque que tiene un compone...
Issue #1424
El valor del rasgo de casilla se muestra de forma diferente en vista (render()) frente al modelo (getHtml())
Tengo un componente personalizado con un rasgo de casilla de verificación 'mostrar-nombre'. Cuando el valor del rasgo es 'true', el compone...
Issue #1114
[BUG] La salida HTML personalizada no se ejecuta al recargar
Estoy usando las propiedades toHtml e isComponent para un componente personalizado que permita una salida HTML personalizada. Esto parece f...
Issue #3409
[PREGUNTA] Propiedad de componente personalizada que no es un rasgo
Me gustaría crear un componente personalizado con una propiedad que se actualice según un código específico, pero no quiero que esta propie...
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.