Carga el gestor de activos, pero los activos no funcionan
Haz clic en la imagen que quieres que te reemplacen, en la consola de desarrolladores escribe el siguiente fragmento de código: Verás que la imagen seleccionada cambia. La clave aquí es target: editor.getSelected(), la imagen seleccionada se trata como el objetivo para que la nueva imagen ocupe su lugar. Tienes que ac...
Lee la respuesta completa abajo ↓Pregunta
Estoy usando el icono del lápiz para activar el gestor de activos. El disparador funciona bien, pero cuando hago clic en cualquiera de las imágenes, no se refleja ningún cambio en mi componente de imagen. Me muestra la foto existente aunque seleccione otra imagen.
domc.addType("image", {
modelo: {
initToolbar() {
typeImage.prototype.initToolbar.apply(esto, argumentos);
const tb = this.get("barra de herramientas");
const tbExists = tb.some(item => item.command === "open-assets");
if (!tbExists) {
tb.unshift({
comando: "open-assets",
etiqueta: toolbarIcon
});
this.set("barra de herramientas", TB);
}
},
}
}
});
Respuestas (3)
Haz clic en la imagen que quieres que te reemplacen, en la consola de desarrolladores escribe el siguiente fragmento de código:
editor.runCommand('open-assets', {
objetivo: editor.getSelected()
});
Verás que la imagen seleccionada cambia. La clave aquí es target: editor.getSelected(), la imagen seleccionada se trata como el objetivo para que la nueva imagen ocupe su lugar. Tienes que activar el código anterior cuando se haga clic en el icono del lápiz.
'''js tb.unshift({ comando: editor => editor.runCommand('open-assets', { objetivo: editor.getSelected(), }), etiqueta: toolbarIcon });
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 #1922
innerText/textContent no funciona en el modelo
Estoy usando 'model.view.el.innerText' para capturar el texto interno del componente en uso cuando actualizo/cambio el texto usando un even...
Issue #1719
Evento mientras haces clic en la imagen desde el modal del recurso
Hola @artf, Espero que estés bien. Estoy trabajando en gestión de activos. Tengo un total de 5 imágenes como imagen predeterminada del gest...
Issue #1493
[PREGUNTA] render() funciona a la primera, pero no en las llamadas posteriores
Hola, He creado un componente personalizado que muestra imágenes usando 'imagen de fondo' en un '<div>' en lugar de usar un <img>elemento '...
Issue #1921
Redimensionamiento de imagen/vídeo - No funciona desde todos los lados
Hola @artf, Estoy intentando redimensionar la imagen/vídeo. Cuando arrastro hacia dentro/fuera desde el lado derecho funciona bien, pero cu...
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.