Laravel Media Manager
v4.0.0
Installation
Konfig
Merkmale
Veranstaltungen
Verwendung
composer require ctf0/media-manager
Veröffentlichen Sie die Paketressourcen mit
php artisan vendor:publish --provider="ctf0MediaManagerMediaManagerServiceProvider"
Führen Sie nach der Installation php artisan lmm:setup aus, um es hinzuzufügen
Paketrouten routes/web.php
Paketressourcen, die zu webpack.mix.js kompiliert werden
Zum Sperren/Entsperren von Elementen verwenden wir eine Datenbank „SQLite“. Wenn Sie jedoch lieber etwas anderes verwenden möchten, sollten Sie die Migration ausführen
PHP-Artist migrieren
Abhängigkeiten installieren
Garn hinzufügen vue vue-ls vue-infinite-loading vue-image-compare2 vue-tippy@v2 vue2-filters vue-input-autowidth vue-notif vue-clipboard2 vue-awesome vue-touch@next vue-focuspoint-component Axios Dropzone CropperJS-Schlüsselcode Lottie-Web Plyr Fuse.js Music-Metadata-Browser idb-keyval annyang Garn Puffer hinzufügen Prozess --dev
Fügen Sie diesen Einzeiler zu Ihrer Haupt-JS-Datei hinzu und führen Sie npm run watch aus, um Ihre js/css Dateien zu kompilieren.
// app.js// mix v5window.Vue = require('vue')// mix v6import Vue from 'vue'require('../assets/vendor/MediaManager/js/manager')new Vue({el: '#app'})Wenn Sie Probleme haben, überprüfen Sie.
Überprüfen Sie auch die Hinweise zu Mix v6
config/mediaManager.php
Bildeditor
multi
hochladen
verschieben/kopieren
löschen
entweder hochladen
über das Upload-Panel
Drag & Drop überallhin
Klicken und halten Sie auf einen leeren Bereich „Artikelcontainer“.
von einer URL „nur Bilder“
Vorschau der Dateien vor dem Hochladen
Wechseln Sie zwischen random/original Namen für hochgeladene Dateien
asynchrone Updates
Massenauswahl
Setzen Sie Lesezeichen für besuchte Verzeichnisse, um die Navigation zu beschleunigen
Sichtbarkeit von Elementen ändern
Aktualisieren Sie die Seiten-URL in der Navigation
Informationen zu Audiodateien anzeigen : „Künstler, Album, Jahr usw.“
Dateien/Ordner dynamisch ausblenden
Beschränken Sie den Zugriff auf den Pfad
Ausgewählte „inkl. Massenauswahl“ herunterladen
Link zur ausgewählten Datei direkt kopieren
Verwenden Sie den Manager
von modal
mit jedem Wysiwyg-Editor
Automatisches Scrollen zum ausgewählten Element mit „Links, Oben, Rechts, Unten, Startseite, Ende“
Artikel sperren/entsperren.
Durchsuchen Sie das aktuelle Verzeichnis oder global die gesamte Sammlung.
Filtern nach
Ordner
Bild
Audio-
Video
Text/pdf
Anwendung/Archiv
gesperrte Gegenstände
ausgewählte Artikel
sortieren nach
Name
Größe
zuletzt geändert
Artikel zählen für
alle
ausgewählt
Suche gefunden
Inhaltsverhältnisleiste
Schutz vor Überschreiben (Dateien/Ordner)
Dateinamenbereinigung für
hochladen
umbenennen
neuer Ordner
Die Schaltflächen zum Deaktivieren/Aktivieren hängen von der Verwendung ab, um Geräusche zu vermeiden und den Benutzer konzentriert zu halten
Verknüpfungen / Gesten
Wenn die Seitenleiste ausgeblendet ist, wird jede Datei vom Typ audio/video in der Vorschaukarte „wie Bilder“ geöffnet.
Jede Datei vom Typ application/archive lädt sie herunter.
Wenn keine weiteren Zeilen verfügbar sind, gelangen Sie durch Drücken down zum letzten Element in der Liste „identisch mit dem nativen Dateimanager“ .
Wenn Sie eine audio/video in der Vorschaukarte anzeigen, wird durch Drücken der space das Element abgespielt/angehalten, anstatt das Modal zu schließen.
Doppeltes Klicken/Tippen
Für alle Links-/Rechts -Gesten sind auch entsprechende Gegenstücke verfügbar.
Durch Drücken esc während der Verwendung des Bildeditors wird das Modal nicht geschlossen, aber Sie können dazu doppelt auf den modal background klicken/tippen . „um zu vermeiden, dass Ihre Änderungen versehentlich verworfen werden“ .
- Die Info-Seitenleiste ist nur auf großen Bildschirmen „> 1023px“ verfügbar.
– Um anderekeydown-Ereignisse nicht zu stören, können Sie den Manager-Listener durchschalten
EventHub.fire('disable-global-keys', true/false).
| Navigation | Taste | Tastatur | klicken/tippen | berühren |
|---|---|---|---|---|
| Upload-Panel umschalten (Symbolleiste) | u | |||
| Aktualisieren (Symbolleiste) | R | Halten Sie „Cache leeren“ gedrückt | einklemmen (Gegenstandsbehälter) | |
| Verschiebbare Liste verschieben/anzeigen (Symbolleiste) | m/p | |||
| Bildeditor (Symbolleiste) | e | |||
| Löschen (Symbolleiste) | d / del | |||
| Sperren/Entsperren (Symbolleiste) | l | Halten Sie „Alles außer Bildern“ | ||
| Sichtbarkeit ändern (Symbolleiste) | v | |||
| Massenauswahl umschalten (Symbolleiste) | B | |||
| (Zurücksetzen) Massenauswahl aller (Symbolleiste) | A | |||
| zur beweglichen Liste hinzufügen (Warenkorb) | c / x | * | ||
| Verschiebbare Liste (Warenkorb) verschieben/anzeigen | ** | |||
| übersichtliche verschiebbare Liste (Warenkorb) | halten | |||
| Seitenleiste umschalten (Pfadleiste) | T | * | Nach links/rechts wischen (Seitenleiste) | |
| bestätigen (modal) | eingeben | |||
| Vorschaubild/PDF/Text (Element) umschalten | Raum | ** | ||
| Medien abspielen/pausieren (Element) | Raum | ** | ||
| verstecken (modal / Upload-Panel) | esc | |||
| Zurücksetzen (Suche / Massenauswahl / Filter / Sortierung) | esc | |||
| Upload-ShowPreview zurücksetzen | esc | |||
| Bestätigen Sie den Upload von showPreview | eingeben | |||
| zur beweglichen Liste hinzufügen (Element) | nach oben wischen | |||
| (Element) löschen | nach unten wischen | |||
| (Element) umbenennen | nach links wischen | |||
| Bildeditor (Artikel) | halten | |||
| aktuell ++ ausgewählt (Element) | Umschalt + Klick | |||
| aktuell + ausgewählt (Element) | Alt/Meta + Klick | |||
| neuen Ordner erstellen | ** (Artikelcontainer) | |||
| Gehe zum nächsten „Element“ | Rechts | * | Nach links wischen (Vorschau) | |
| Gehe zum vorherigen „Artikel“ | links | * | nach rechts wischen (Vorschau) | |
| Gehe zum ersten „Element“ | heim | |||
| Gehe zum letzten „Element“ | Ende | |||
| gehe zur nächsten „Zeile“ | runter | Nach oben wischen (Vorschau) | ||
| gehe zur vorherigen „Zeile“ | hoch | Nach unten wischen (Vorschau) | ||
| Ordner öffnen | eingeben | ** | ||
| Gehe zum vorherigen „Verzeichnis“ | Ordnername (Pfadleiste) | Rücktaste | * | Nach rechts wischen (Artikelcontainer) |
| Typ | Ereignisname | Beschreibung |
|---|---|---|
| JS | ||
| Modal-Show | wenn Modal angezeigt wird | |
| modal-hide | wenn Modal ausgeblendet ist | |
| file_selected (wenn innerhalb modal) | Holen Sie sich die URL der ausgewählten Datei | |
| multi_file_selected (wenn innerhalb von Modal) | Erhalten Sie massenhaft ausgewählte Datei-URLs | |
| Folder_Selected (wenn innerhalb von Modal) | Holen Sie sich den ausgewählten Ordnerpfad | |
| Laravel | ||
| MMFileUploaded($file_path, $mime_type, $options) | Holen Sie sich den Speicherpfad der hochgeladenen Datei, den MIME-Typ und benutzerdefinierte Optionen | |
| MMFileSaved($file_path, $mime_type) | Gespeichertes (bearbeitetes/verlinktes) Bild abrufen, vollständiger Speicherpfad, MIME-Typ | |
| MMFileDeleted($file_path, $is_folder) | Speicherpfad für gelöschte Dateien/Ordner abrufen, wenn das entfernte Element ein Ordner ist | |
| MMFileRenamed($old_path, $new_path) | Datei/Ordner in „alten und neuen“ Speicherpfad umbenennen lassen | |
| MMFileMoved($old_path, $new_path) | Verschobene Datei/Ordner mit „altem und neuem“ Speicherpfad abrufen |
Wiki
Demo
Besuchen Sie localhost:8000/media
Wenn Sie sicherheitsrelevante Probleme feststellen, senden Sie bitte eine E-Mail an [email protected].
