Durchsuchen Sie nach Kategorie
GrapesJS Vermögenswerte
GrapesJS-Asset-Manager-Plugins erweitern, wie dein Editor mit Bildern, Dateien und Medien umgeht. Verbinde GrapesJS mit Cloud-Speicheranbietern, ergänze Drag-and-drop-Upload-Oberflächen, binde Medienbibliotheken wie Cloudinary oder S3 an oder baue eigene Asset-Picker. Stöbere in kostenlosen und Premium-Erweiterungen für den Asset-Manager, geprüft auf API-Kompatibilität und einfache Integration in GrapesJS-Projekte.
Über GrapesJS Vermögenswerte
Der GrapesJS-Asset-Manager steuert, wie Nutzer Medien hochladen, durchsuchen und in ihre Entwürfe auf der Arbeitsfläche einfügen. Der Standard-Asset-Manager ist funktional, aber einfach gehalten — er unterstützt Bild-Uploads und eine flache Rasteransicht. Die Asset-Manager-Plugins auf GJS.Market erweitern oder ersetzen ihn durch Integrationen, die dem entsprechen, wie moderne Webanwendungen Medien verwalten. Der häufigste Plugin-Typ bringt Cloud-Speicher-Anbindung mit: Für AWS S3, Cloudflare R2, Cloudinary, Uploadcare und Imgix gibt es jeweils Plugins, die direkt von der Arbeitsfläche in deinen Bucket hochladen und die URL automatisch einfügen. Eine zweite Kategorie verbessert das Durchsuchen: Ordnerbaum-Ansichten, Suche und Filter nach Dateiname oder Tag, Massenoperationen sowie Vorschaubilder für SVG- und Videodateien. Asset-Manager-Plugins auf Enterprise-Niveau enthalten Berechtigungssysteme, die einschränken, welche Nutzer welche Ordner sehen oder befüllen dürfen. Alle Asset-Manager-Plugins auf GJS.Market dokumentieren das benötigte Backend-Endpunkt-Format, sodass du die Kompatibilität mit deiner bestehenden Speicherschicht vor der Installation prüfen kannst.
GrapesJS Vermögenswerte — FAQ
- Was ist der GrapesJS-Asset-Manager?
- Der Asset-Manager ist der eingebaute Medienbrowser, der sich öffnet, wenn ein Nutzer auf eine Bildkomponente doppelklickt. Er hält die Liste verfügbarer Assets, verarbeitet Uploads und setzt die gewählte URL zurück in die Komponente. Ab Werk bekommst du ein flaches Raster und ein einfaches Upload-Feld; alles darüber hinaus liefert ein Plugin oder deine eigene Konfiguration.
- Wie verbinde ich GrapesJS-Uploads mit meinem Backend?
- Setze die Option assetManager.upload auf deinen Endpunkt, dann sendet GrapesJS die Dateien per POST als Multipart-Formulardaten dorthin. Dein Endpunkt muss mit der JSON-Struktur antworten, die der Editor erwartet — ein data-Array aus Asset-Objekten — und eine abweichende Antwort kannst du im uploadResponse-Callback umformen. Header oder Credentials ergänzt du über die assetManager-Optionen, wenn der Endpunkt authentifiziert ist.
- Kann ich S3, Cloudinary oder ein anderes CDN mit GrapesJS nutzen?
- Ja — und das ist der häufigste Grund, ein Plugin aus dieser Kategorie zu installieren. Für AWS S3, Cloudflare R2, Cloudinary, Uploadcare und Imgix gibt es Plugins; jedes lädt direkt von der Arbeitsfläche in deinen Bucket und fügt die entstehende URL ein. Bei S3-artigem Speicher solltest du presigned Uploads bevorzugen, damit keine Zugangsdaten im Browser landen.
- Kann ich einschränken, welche Dateien Nutzer hochladen?
- Im Editor nur teilweise, auf dem Server immer. Der Asset-Manager kann im Picker nach erlaubten MIME-Typen filtern — das ist eine Bedienhilfe, keine Sicherheitsmaßnahme. Dateityp, Größenlimits und nutzerbezogene Berechtigungen müssen von deinem Upload-Endpunkt durchgesetzt werden, denn alles Clientseitige lässt sich umgehen. Enterprise-Plugins dieser Kategorie ergänzen zusätzlich Berechtigungen auf Ordnerebene.
- Unterstützt der Asset-Manager Video und SVG?
- Der Standard-Manager ist auf Bilder ausgelegt, deshalb erscheinen Video und SVG ohne brauchbare Vorschaubilder. Mehrere Plugins dieser Kategorie ergänzen eine korrekte Vorschau für beides, dazu Ordnerbäume, Suche nach Dateiname oder Tag und Massenoperationen. Prüfe vor der Installation im jeweiligen Eintrag, welche Medientypen in der Vorschau unterstützt werden.