Issue #1044💬 RespondidoAbierto el 15 de abril de 2018por adib18Reacciones 2

Cambiar src para elemento de imagen en el modelo

Respuesta rápidapor artf1

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)

artf15 de abril de 2018

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á

adib1815 de abril de 2018

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.

Stejsi25 de septiembre de 2018

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.

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.