Cambiar src para elemento de imagen en el modelo
Corrige tu implementación personalizada del gestor de recursos, no es fiable (por ejemplo, si el usuario hace doble clic en la imagen, seguirás viendo la predeterminada). Sigue este #491 y el problema con el SRC se solucionará
Lee la respuesta completa abajo ↓Pregunta
Hola Cuando un bloque de imagen cae al editor, oculto el gestor de activos predeterminado y muestro mi gestor personalizado:
editor.on('canvas:drop', función (e,resultado) {
if(result.attributes.type == 'image'){
modal.close();
jQuery('div.my_custom_asset_manager').show();
}
});
Para esto no tengo ningún problema. Pero cuando selecciono una imagen en mi gestor de activos personalizado, cambio src desde elemento de imagen en el editor con jquery.
'jQuery('iframe').contents().find('img.in_editor').attr('src','custom_url');' pero al mover el elemento imagen en el editor de un bloque a otro bloque, se elimina el atributo src. Busco y averiguo cuándo cambiar src con jquery solo view change, pero el modelo debe cambiar para el elemento de imagen. Ahora quiero saber cómo puedo cambiar src para un elemento de imagen en el modelo. ¡Gracias
Respuestas (3)
Corrige tu implementación personalizada del gestor de recursos, no es fiable (por ejemplo, si el usuario hace doble clic en la imagen, seguirás viendo la predeterminada). Sigue este #491 y el problema con el SRC se solucionará
Muchas gracias. Acierto con Asset Manager con esto:
var assettarget ='';
editor. Commands.add('open-assets', {
run(editor, sender, opts = {}) {
const modal = editor. modal;
activtarget = opts.target;
modal.setTitle('Añadir nueva imagen');
modal.setContent(jQuery('div.custom_asset_manager').html());
modal.open();
jQuery('div[id*="__wp-uploader-id"]').show();
}
});
y úsalo al seleccionar una imagen en el administrador de activos personalizado 'assettarget.set('src', 'src_image_from_custom_asset_manager');' Gracias por tu gran trabajo.
Hola, Estoy acostumbrado a esta solución y funciona, pero ahora no puedo crear imágenes de fondo en el Style Manager. Utiliza función personalizada spreadUrl(), pero no sé cómo llamarlo sin modificar el núcleo de Grapesj. ¡Gracias por la ayuda!
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #771
Image src no se actualiza
Hola @artf, He actualizado la imagen src usando el siguiente código: editor.getSelected().set('attributes', {'src': image_Url}); Pero cuand...
Issue #1573
Modal abierto después del elemento de caída
¿Cómo mostrar un diálogo modal personalizado cuando se deja un elemento en el editor? Por ejemplo, aparece un diálogo modal de activo al so...
Issue #816
[PREGUNTA] Añade bloque de imagen a través de la API del editor
Hola @artf, Cuando arrastro y suelto un bloque de imagen dentro del lienzo, se activa el evento 'activo' para el bloque de imagen que ejecu...
Issue #930
[Pregunta] Actualizar el redimensionador tras el cambio del recurso
¡Hola! Estoy intentando cambiar el gestor de activos por defecto con nuestro gestor personalizado. Al hacer doble clic, la imagen seleccion...
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.
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.