W poprzednim poście zintegrowałem edytor treści CKEditor z polem formularza Textarea. Teraz czas na kolejną jakże przydatną funkcjonalność, a mianowicie menadżer plików FileManagerBundle, który pozwala m.in. uploadować i przeglądać pliki multimedialne na serwerze.
Będzie można uruchomić go z poziomu okienka „Właściwości obrazka” (w CKEditor) klikając przycisk „przeglądaj”.
Zakładam, że masz już zainstalowany i skonfigurowany EasyAdmin + CKEditor. Jeśli nie, to wbij wpierw tutaj.
Następnie pobierz pakiet:
1 |
composer require artgris/filemanager-bundle |
Ustaw trasę routingu w pliku artgris_file_manager.yaml (/config/routes/artgris_file_manager.yaml):
1 2 3 4 |
artgris_bundle_file_manager: resource: "@ArtgrisFileManagerBundle/Controller" type: annotation prefix: /manager |
Dodaj plik konfiguracyjny artgris_file_manager.yaml (/config/packages/artgris_file_manager.yaml):
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
artgris_file_manager: web_dir: public conf: default: dir: "../public/files" type: image private: dir: "../private" type: image tiny: dir: "../private" type: image private_doc: dir: "../private" regex: '.(pdf|doc)$' accept: '.pdf,.doc' perso: service: "custom_service" |
W pliku tym możesz zdefiniować m.in. adres do katalogu, do którego będą uploadowane pliki (dir:”../public/files”).
Na koniec musimy zaktualizować konfigurację dla fos_ck_editor.yaml (/config/packages/fos_ck_editor.yaml):
1 2 3 4 5 6 7 8 9 10 11 12 13 |
fos_ck_editor: base_path: "build/ckeditor" js_path: "build/ckeditor/ckeditor.js" configs: config: filebrowserBrowseRoute: file_manager filebrowserBrowseRouteParameters: conf: files module: ckeditor filebrowserImageBrowseRoute: file_manager filebrowserImageBrowseRouteParameters: conf: default module: ckeditor |
I to wszystko. W razie pytań lub uwag zostaw komentarz.
Analogiczny tutorial ale z użyciem komponentu CKFinder znajdziesz tutaj.