| Zusammenfassung | Drag & Drop-Upload + Datei-Vorschauen für die KI-Bot-Gesprächsseite | |
| Repository | GitHub - VaperinaDEV/drag-drop-upload-file-previews-ai-bot-page: Drag & Drop Upload + File Previews for AI Bot Conversations page · GitHub | |
| Installationsanleitung | So installieren Sie ein Theme oder Theme-Komponente | |
| Neu bei Discourse-Themes? | Einsteiger-Leitfaden zur Verwendung von Discourse-Themes |
Dieses Theme-Komponente installieren
Hallo ![]()
Das Hochladen einer Datei auf die KI-Bot-Gesprächsseite funktioniert nur über die Upload-Schaltfläche, und sobald eine Datei angehängt ist, sehen Sie nur den Dateinamen in einer einfachen Textzeile, keine Vorschau, keine visuelle Anzeige dessen, was Sie tatsächlich angehängt haben.
Was diese Komponente hinzufügt
- Drag & Drop überall im Gesprächsfenster — nicht nur auf das Textfeld, das gesamte Fenster ist eine Drop-Zone mit einem hervorgehobenen Zustand beim Ziehen.
- Echte Bildvorschauen für Bild-Uploads, clientseitig generiert, mit dem Dateinamen angezeigt, anstatt nur Text.
- Farbkodierte Erweiterungs-Badges für Nicht-Bilddateien (PDF, DOCX, XLSX, ZIP, MP3, Code-Dateien usw.), sodass die Upload-Liste auch für Dateitypen, die keine echte Vorschau haben, visuell übersichtlich ist.
- Konfigurierbar über Theme-Einstellungen, eine
default_badge_color-Fallback-Farbe und einextension_colors-Objects-Schema-Einstellung, sodass Administratoren Farben pro Erweiterung direkt aus der Theme-Einstellungen-UI hinzufügen/überschreiben können, ohne Code bearbeiten zu müssen.
Einstellungen
| Einstellung | Beschreibung |
|---|---|
default_badge_color |
Fallback-Hex-Farbe für Erweiterungen ohne explizit festgelegte Farbe |
extension_colors |
Objects-Schema-Liste von { extension, color }-Zeilen, um die integrierten Kategorie-Farben zu überschreiben/erweitern |
Integrierte Kategorien decken bereits die meisten gängigen Dateitypen out-of-the-box ab (Dokumente, Tabellenkalkulationen, Präsentationen, Archive, Audio, Video, Code, Schriftarten, E-Books), sodass die meisten Leute extension_colors gar nicht berühren müssen.