Necesito más información para crear un backend para Asset Manager
Hola @gordon-matt, gestionas los activos con Asset API y sus eventos, la parte remota depende de ti '''js Inicia el editor con assets const editor = grapesjs.init({ // ... assetManager: { Activos: [ 'https://.../image.png', { src: 'https://...', nombre: 'Título de la imagen' }, // ... ], // ... } }); o incluso más tar...
Lee la respuesta completa abajo ↓Pregunta
Estoy intentando averiguar cómo escribir un backend (en ASP.NET Core) para el Asset Manager. He mirado algunas de las páginas de la Wiki, pero sigo un poco confundido. Lo que realmente me gustaría es información sobre cómo mostrar recursos existentes, subir nuevos, eliminar los existentes, etc. He visto que puedo subir usando un endpoint de subida de la siguiente manera:
'''javascript assetManager: { ... Endpoint de subida, configura 'false' para desactivar la subida, por defecto 'false' Upload: 'https://endpoint/upload/assets',
El nombre usado en POST para pasar los archivos subidos, por defecto: ''archivos'' uploadName: 'archivos', ... },
Sin embargo, eso solo es para subir. ¿Y qué pasa con eliminar y cargar todo (para inicializar la primera vez)? Esperaba algo así:
**SUBIR**
---
**Parámetro:** subir
**Ejemplo:**
subir: 'https://my-site/assets/upload' (HTTP POST)
**RESPUESTA:**
'''javascript
{
Éxito: Verdadero/Falso,
mensaje: 'Algún mensaje aquí'
}
LISTA TODO
Lista de parámetros: Ejemplo: lista: 'https://my-site/assets/list' (HTTP GET) RESPUESTA: '''javascript [{ SRC: 'http://img.jpg', Tipo: 'imagen', //imagen es el valor predeterminado Altura: 300, ancho: 200, },{ SRC: 'http://img2.jpg', },{ SRC: 'http://img3.jpg', }]
**BORRAR**
---
**Parámetro:** borrar
**Ejemplo:**
delete: 'https://my-site/assets/delete/{name}' (HTTP DELETE)
**RESPUESTA:**
'''javascript
{
Éxito: Verdadero/Falso,
mensaje: 'Algún mensaje aquí'
}
¿Podrías ayudarme a entender cómo hacerlo? No encuentro documentación para lo anterior... excepto la subida, pero aún no lo he probado.
Respuestas (3)
Hola @gordon-matt, gestionas los activos con Asset API y sus eventos, la parte remota depende de ti '''js Inicia el editor con assets const editor = grapesjs.init({ // ... assetManager: { Activos: [ 'https://.../image.png', { src: 'https://...', nombre: 'Título de la imagen' }, // ... ], // ... } });
o incluso más tarde con la API de Asset const assets = await fetchUsersAssets(); ['http://...', { ... }] editor. AssetManager.add(assets);
Para eliminar, puedes usar eventos editor.on('block:remove', asset => { const uuid = asset.get('id') // <- puedes pasar a los assets cualquier propiedad personalizada removeAsset(uuid); } )
Vale, creo que entiendo cómo funciona. Lo probaré, gracias.
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 #1150
[Pregunta] Obtén subidas como Base64
Hola a todos, Necesito ayuda para integrar esto en una aplicación web que tengo. Todo se renderiza y funciona como se espera, pero estoy in...
Issue #460
Cuando la vista del componente modifica el HTML, los componentes de texto ya no son editables
Estoy intentando crear un componente personalizado que contenga algo de texto lorem ipsum en el contenido, para editarlo una vez que esté e...
Issue #525
Ejemplo de local2 para el almacenamiento que no funciona
Usando el código proporcionado en la documentación. https://github.com/artf/grapesjs/wiki/API-Storage-Manager en ejemplos de "añadir". Esto...
Issue #1964
[PREGUNTA] Requisitos mínimos para crear un componente personalizado
He estado leyendo la documentación todo el día sobre cómo crear un componente personalizado. También he mirado grapesjs-mjml como ejemplo....
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.