Issue #2316✓ ResueltoAbierto el 8 de octubre de 2019por kickbkReacciones 10

Personalización de la vista del gestor de activos

Respuesta rápidapor PriyankaPrabhu7

@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)

👍 Muy útilPriyankaPrabhu24 de septiembre de 2021

@kickbk ¿Conseguiste el gestor de activos personalizado? Si es así, por favor comparte el código

khoa-justuno8 de octubre de 2019

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);
artf17 de octubre de 2019

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.

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 →

Explorar categorías de plugins

Ve directamente a las páginas de categorías de plugins en el marketplace.