 |
概要 | AIボット会話ページへのドラッグ＆ドロップアップロード＋ファイルプレビュー |
 |
リポジトリ | GitHub - VaperinaDEV/drag-drop-upload-file-previews-ai-bot-page: Drag & Drop Upload + File Previews for AI Bot Conversations page · GitHub |
 |
インストールガイド | テーマまたはテーマコンポーネントのインストール方法 |
 |
Discourseテーマは初めてですか？ | Discourseテーマ使用の初心者向けガイド |
このテーマコンポーネントをインストール
こんにちは 
AIボット会話ページへのファイルアップロードは、アップロードボタンからしか行えず、ファイルを添付すると、プレーンテキストの行にファイル名が表示されるだけで、プレビューや実際に添付した内容の視覚的な表示はありません。
このコンポーネントが追加する機能
- 会話パネルのどこでもドラッグ＆ドロップ可能 — テキストエリア上だけでなく、パネル全体がドロップゾーンとなり、ドラッグ中はハイライト表示されます。
- 画像アップロード用のリアルな画像サムネイル — クライアント側で生成され、テキストだけでなくファイル名と共に表示されます。
- 非画像ファイル（PDF、DOCX、XLSX、ZIP、MP3、コードファイルなど）用の色分けされた拡張子バッジ — プレビューが不可能なファイルタイプでも、アップロードリストが視覚的に把握しやすくなります。
- テーマ設定でのカスタマイズ可能 —
default_badge_colorフォールバックカラーと、extension_colorsオブジェクトスキーマ設定により、管理者はテーマ設定UIから拡張子ごとに色を追加または上書きできます。コード編集は不要です。
設定
| 設定 | 説明 |
|---|---|
default_badge_color |
明示的な色が設定されていない拡張子のフォールバック用16進数カラー |
extension_colors |
組み込みのカテゴリカラーを上書きまたは拡張するための { extension, color }行のオブジェクトスキーマリスト |
組み込みのカテゴリは、一般的なファイルタイプ（ドキュメント、スプレッドシート、プレゼンテーション、アーカイブ、オーディオ、ビデオ、コード、フォント、電子書籍）をデフォルトでカバーしているため、ほとんどの人はextension_colorsを一切触る必要がありません。