Cambio de activo mediante comando
Hola @mmotov, Te enseñaré cómo lo hice, es más fácil de entender. Al capturar el valor de la imagen, lo defino de la misma manera, pero a continuación hago algunas comprobaciones para saber si el elemento es un fondo o no. editor. Commands.add("open-assets", { run(editor, sender, opts = {}) { var image = $("#img-file"...
Lee la respuesta completa abajo ↓Pregunta
Hola a todos,
Me gustaría emular el comportamiento de reemplazo de imagen del gestor de assets. por ejemplo, creé una vista lateral con todas las imágenes que están presentes en el lienzo. Me gustaría que los cambios en la vista se reflejaran en el lienzo, igual que el gestor de recursos reemplaza las imágenes en el momento.
Cualquier ayuda será bienvenida.
Respuestas (3)
Hola @mmotov,
Te enseñaré cómo lo hice, es más fácil de entender.
Al capturar el valor de la imagen, lo defino de la misma manera, pero a continuación hago algunas comprobaciones para saber si el elemento es un fondo o no.
editor. Commands.add("open-assets", {
run(editor, sender, opts = {}) {
var image = $("#img-file").val();
opts.target.set("src", imagen);
if (opts.target.attributes.type == "image") {
if (imagen) {
opts.target.set("src", imagen);
}
} else {
if (opts.target.getStyle()["imagen-fondo"] == indefinido) {
var background = 'url("${image}")';
} else {
var background = opts.target.getStyle()["imagen-fondo"] + 'url("${image}")';
}
opts.target.addStyle({
"imagen de fondo": fondo
});
editor.trigger("component:toggled");
}
editor. Commands.stop ("open-assets");
}
});Hola @Amir2828, me gustaría ponerme en contacto contigo sobre tu trabajo en GrapeJs si te interesa un proyecto paralelo. Avísame
@Amir2828 al seleccionar tienes que cambiar la propiedad 'src' del componente Imagen 'editor.getSelected().set({ src: 'https://.../image3.jpg' })'
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #3374
Las imágenes y vídeos no están enfocados
Hola, tengo un problema que es que al añadir un vídeo o una imagen al lienzo, no está centrado, sino hacia la izquierda. Con la ayuda del p...
Issue #3490
Las imágenes grandes hacen que el área del editor de contenido sea inaccesible
Hola, Por ejemplo, si añades un bloque de 3 columnas a una página y tratas de arrastrar una imagen muy amplia a cada columna, el contenido...
Issue #991
Subir vídeo en el elemento imagen
Hola. Estaba intentando implementar la subida de vídeos usando el elemento Image con el gestor de assets, pero me detuve en el paso en el q...
Issue #2097
Pregunta sobre nuevas opiniones
Hola a todos, ¿Hay alguna forma sencilla de añadir una nueva vista justo al lado del gestor de estilos? Me gustaría crear una nueva vista q...
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.