Render() funciona a la primera, pero no en las llamadas posteriores
@dancodes ¿puedes hacer una demostración en directo del problema, por favor?
Lee la respuesta completa abajo ↓Pregunta
Hola,
He creado un componente personalizado que muestra imágenes usando 'imagen de fondo' en un '<div>' en lugar de usar un <img>elemento ''. Funciona en su mayoría, salvo que cada vez que cambio su rasgo 'src' tengo que recargar el editor para previsualizar el elemento renderizado. Esta es su opinión:
'''js view: originalMap.view.extend({ inicialize: function(o) { var model = this.model;
Extender el método original de inicialización originalMap.view.prototype.initialize.apply(esto, argumentos);
this.listenTo(model, 'change:attributes:src', this.render); },
render: function() { Extiende el método de renderizado original originalMap.view.prototype.render.apply (esto, argumentos);
var src = "";
this.model.get('traits').each(function(trait) { si (trait.get('name') == 'src') { src = trait.get('valor'); } });
this.$el.css('imagen-fondo', 'url("' + src + '")');
devuelvo esto; }, })
Al cargar el editor, el componente tiene su conjunto correcto de valores de 'imagen de fondo'. Al cambiar su rasgo 'src' (un campo de texto), pierde esa propiedad CSS. ¿Qué estoy haciendo mal?
Respuestas (3)
@dancodes ¿puedes hacer una demostración en directo del problema, por favor?
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.
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 #1696
Los rasgos aparecen a la primera vez cuando arrastras un componente personalizado
Hola artf, he creado un componente personalizado y le he añadido rasgos; al arrastrar este componente al editor y seleccionarlo, los rasgos...
Issue #1906
Componentes y Js - Plantilla de carga
Hola, Tengo un componente al que se le conecta un JS. Todo se crea usando el JS. Cuando arrastro y suelto mi bloque por primera vez, el JS...
Issue #2008
[Pregunta]El lienzo se vuelve oscuro e inmodificable al añadir un gran fragmento de html personalizado.
Solía añadir html personalizado con 'editor.addComponent()'. Funciona bien la mayor parte del tiempo, pero cuando intento insertar un gran...
Issue #1888
[Pregunta] Añadir html personalizado dentro de Canvas
Hola, Estoy usando uvas para exportar un json personalizado con toda la información que necesito, en lugar de HTML y CSS. Para hacer eso, e...
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.