Explorar por categoría
GrapesJS Activos
Los plugins del gestor de recursos de GrapesJS amplían la forma en que tu editor maneja imágenes, archivos y multimedia. Conecta GrapesJS con proveedores de almacenamiento en la nube, añade interfaces de subida por arrastrar y soltar, intégralo con bibliotecas de medios como Cloudinary o S3, o crea selectores de recursos a medida. Explora extensiones gratuitas y premium del gestor de recursos, revisadas por su compatibilidad de API y su facilidad de integración en proyectos GrapesJS.
Sobre GrapesJS Activos
El gestor de recursos de GrapesJS controla cómo los usuarios suben, exploran e insertan medios en sus diseños del lienzo. El gestor por defecto es funcional pero básico: admite la subida de imágenes y una cuadrícula plana. Los plugins de gestor de recursos en GJS.Market lo amplían o lo sustituyen con integraciones acordes a cómo gestionan los medios las aplicaciones web modernas. El tipo de plugin más habitual añade integración con almacenamiento en la nube: hay plugins para AWS S3, Cloudflare R2, Cloudinary, Uploadcare e Imgix, y todos permiten subir directamente desde el lienzo del editor a tu bucket con inserción automática de la URL. Una segunda categoría mejora la experiencia de navegación: vistas de árbol de carpetas, búsqueda y filtrado por nombre de archivo o etiqueta, operaciones en lote y miniaturas de vista previa para archivos SVG y de vídeo. Los plugins de gestor de recursos de nivel empresarial incluyen sistemas de permisos que restringen qué usuarios pueden ver o subir a qué carpetas. Todos los plugins de esta categoría en GJS.Market documentan el formato de endpoint que requieren, para que puedas verificar la compatibilidad con tu capa de almacenamiento antes de instalarlos.
GrapesJS Activos — Preguntas frecuentes
- ¿Qué es el gestor de recursos de GrapesJS?
- El gestor de recursos es el navegador de medios integrado que se abre cuando un usuario hace doble clic en un componente de imagen. Mantiene la lista de recursos disponibles, gestiona las subidas e inserta la URL elegida de vuelta en el componente. De serie ofrece una cuadrícula plana y un campo de subida básico; todo lo demás viene de un plugin o de tu propia configuración.
- ¿Cómo conecto las subidas de GrapesJS con mi backend?
- Define la opción assetManager.upload con la URL de tu endpoint y GrapesJS enviará los archivos por POST como multipart form data. Tu endpoint debe responder con la estructura JSON que el editor espera —un array data de objetos de recurso— y puedes transformar una respuesta que no encaje en el callback uploadResponse. Añade cabeceras o credenciales mediante las opciones de assetManager si el endpoint requiere autenticación.
- ¿Puedo usar S3, Cloudinary u otro CDN con GrapesJS?
- Sí, y es el motivo más habitual para instalar un plugin de esta categoría. Existen plugins para AWS S3, Cloudflare R2, Cloudinary, Uploadcare e Imgix; cada uno sube directamente desde el lienzo a tu bucket e inserta la URL resultante. Para almacenamiento tipo S3, opta por subidas con URL prefirmada para que ninguna credencial llegue nunca al navegador.
- ¿Puedo restringir qué archivos suben los usuarios?
- En parte desde el editor y siempre desde el servidor. El gestor de recursos puede filtrar por tipos MIME aceptados en el selector, lo cual es una ayuda de usabilidad, no una medida de seguridad. El tipo de archivo, los límites de tamaño y los permisos por usuario deben aplicarse en tu endpoint de subida, ya que cualquier control del lado cliente puede eludirse. Los plugins empresariales de esta categoría añaden además permisos por carpeta.
- ¿El gestor de recursos admite vídeo y SVG?
- El gestor por defecto está pensado para imágenes, así que el vídeo y el SVG aparecen sin miniaturas útiles. Varios plugins de esta categoría añaden una vista previa correcta para ambos, además de árboles de carpetas, búsqueda por nombre o etiqueta y operaciones en lote. Consulta en cada ficha qué tipos de medios previsualiza antes de instalarlo.
Explorar por etiqueta