Personalización de la vista del gestor de activos
@kickbk ¿Conseguiste el gestor de activos personalizado? Si es así, por favor comparte el código
Lee la respuesta completa abajo ↓Pregunta
Me gustaría crear un modal personalizado de gestor de activos para abrir en modal bootstrap. Me gustaría mantener la funcionalidad original del gestor de recursos (como la zona de drop image, la entrada para recuperar la imagen desde eliminar, y me gustaría usar datatable para las imágenes/assets). Además, me gustaría integrar con la API de Pixabay para que las imágenes puedan introducirse fácilmente en el editor. Esto puede estar en una pestaña aparte. Ver maqueta. ¿Podrías ofrecerme alguna pauta general sobre cómo puedo crear un modal bootstrap en mi opinión y cargar el gestor de activos dentro de él? ! mockupgrapes2
Respuestas (3)
@kickbk ¿Conseguiste el gestor de activos personalizado? Si es así, por favor comparte el código
Puedes hacer esto con un modal personalizado sobrscribiendo el gestor de assets de imagen por defecto.
editor. Commands.add("open-assets", {
run(editor, sender, opts) {
const assettarget = opts.target;
El código para abrir tu propio modal va aquí.
openModal(assettarget)
}
});
Cuando quieras configurar una imagen, usa esto.
const assettarget = opts.target;
assetTarget.set("src", image.url);
Sugeriría la misma solución que propuesta por @khoa-justuno Si necesitas un modal nuevo, será más fácil crear la interfaz de Asset Manager desde cero; reutilizar los elementos DOM creados por GrapesJS, en este caso, sería un engorro mantenerlo
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #1044
Cambiar src para elemento de imagen en el modelo
Hola Cuando un bloque de imagen cae al editor, oculto el gestor de activos predeterminado y muestro mi gestor personalizado: Para esto no t...
Issue #3331
Gestor de activos personalizado
Hola @artf Seguí la documentación para crear un nuevo tipo de gestor de activos Aquí (https://codepen.io/abhi_punk81/pen/MWbWzaq) He creado...
Issue #2687
[Pregunta] Cómo añadir un gestor de estilos a un panel personalizado
¿Me gustaría añadir todo el módulo de gestión de estilos a un panel? He estado buscando la documentación durante los últimos 2 días y no he...
Issue #3415
Gestor de activos personalizado. Cómo establecer una imagen de fondo
¡Hola! Estoy creando un modal personalizado para el Asset Manager y, básicamente, parece que necesito anular el comando '''open-assets'. ¿C...
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.