Issue #771💬 RespondidoAbierto el 17 de enero de 2018por Deepak813Reacciones 0

Image src no se actualiza

Respuesta rápidapor ryandeba

Hola @Deepak813, No estoy seguro de dónde viene 'templateHTML' en tu ejemplo... ¿Está el 'src' de tu imagen configurado correctamente en esa variable? En cualquier caso, seleccionar una imagen y ejecutar este código me funciona bien en la demo: 'editor.getSelected().set("src", "http://via.placeholder.com/350x150")'

Lee la respuesta completa abajo ↓

Pregunta

Hola @artf,

He actualizado la imagen src usando el siguiente código: editor.getSelected().set('attributes', {'src': image_Url});

Pero cuando configuro todo el HTML usando el siguiente código: editor.setComponents(templateHTML); luego image src no se actualiza en HTMLcomponent.

Por favor, háganos saber sobre esto.

Respuestas (3)

ryandeba18 de enero de 2018

Hola @Deepak813,

No estoy seguro de dónde viene 'templateHTML' en tu ejemplo... ¿Está el 'src' de tu imagen configurado correctamente en esa variable?

En cualquier caso, seleccionar una imagen y ejecutar este código me funciona bien en la demo: 'editor.getSelected().set("src", "http://via.placeholder.com/350x150")'

artf18 de enero de 2018

@Deepak813 como ya mencionó Ryan, tienes que usar 'editor.getSelected().set('src',image_Url)'

AkibDeraiya1239 de enero de 2019

@ryandeba @artf ¿Hay alguna posibilidad de cambiar otros atributos de la imagen como clase, id, etc.? Lo había intentado con algo así,

Para id
editor.getSelected().set('id',imageId)
Para clase
editor.getSelected().set('class',imageClass)

Pero en mi caso esto no funciona. ¿Podéis ayudarme a cambiar otros atributos de esta etiqueta de imagen?

Preguntas y respuestas relacionadas

Continúa investigando con debates sobre temas similares.

Plugins de pago que cumplen con este problema

Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.

Ver todos los plugins

Cargando recomendaciones de plugins de pago...

Opción gratuita

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 →
Opción premium

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.

Todos los tutoriales →

Explorar categorías de plugins

Ve directamente a las páginas de categorías de plugins en el marketplace.