Skip to content

File Manager Quick Start

Summary

Use this guide when you need to:

  • get productive in the File Manager in a few minutes,
  • perform the most common file operations quickly,
  • find the right keyboard shortcuts without reading the full reference.

Outcome

After completing this quick start, you should be able to open File Manager, upload content, create folders, edit common file types, and copy file URLs confidently.

Access the File Manager

  1. Log in to the SkyCMS editor.
  2. Click Files in the editor toolbar.
  3. The File Manager opens at the /pub directory.

Upload files

Drag and drop (anywhere on the page):

  1. Navigate to the destination folder in File Manager.
  2. Drag one or more files from your computer and drop them anywhere on the page.
  3. The FilePond upload panel expands and files begin uploading. Per-file progress is shown.
  4. When complete the folder refreshes automatically.

Browse and select:

  1. Click the Upload Files button at the top of the File Manager.
  2. Select files in the system dialog.
  3. Click Open — files upload to the currently open folder.

Create a folder

  1. Navigate to the parent folder.
  2. Click New Folder in the toolbar (folder icon).
  3. Type a name (use hyphens instead of spaces) and confirm.

Edit a code file

  1. Find the file in the list.
  2. Right-click it and choose Open, or select it and click Open in the toolbar.
  3. The Monaco code editor opens. Make your edits.
  4. Press Ctrl+S (or Cmd+S on Mac) to save.

See Code Editor for the full feature guide.

Edit an image

  1. Find the image in the list.
  2. Right-click it and choose Open, or select it and click Open in the toolbar.
  3. The Filerobot image editor opens. Crop, adjust, annotate, or resize as needed.
  4. Click Save — the original is replaced.

See Image Editing for the full feature guide.

Copy a file URL

  1. Find the file in the list.
  2. Right-click it and choose Get URL, or select it and click Info in the toolbar, then copy the URL from the properties panel.
  3. Paste the URL wherever you need it.

Delete files

  1. Check the box next to each file to delete.
  2. Click Delete.
  3. Confirm in the dialog.

Deletion is permanent — verify your selection first.

Move or copy files

  1. Check the boxes next to the files to move or copy.
  2. Click Copy/Move.
  3. Navigate to the destination folder.
  4. Click Move to here or Copy to here.

Common task tips

  • Organise by content type — create folders like images/, scripts/, styles/.
  • Thumbnail view — click Show image thumbnails to see image previews as cards.
  • Review selection — click Show Selected to audit items before bulk operations.
  • Save early, save often — use Ctrl+S frequently when editing code files.

Verification

This quick start is complete when you can upload at least one file, create a folder, edit either a code or image file, and copy a public file URL successfully.

Keyboard shortcuts

Shortcut Action
Ctrl+S / Cmd+S Save in code editor
Ctrl+F / Cmd+F Find in code editor
Ctrl+H / Cmd+H Find and replace
Ctrl+Z / Cmd+Z Undo
Ctrl+Y / Cmd+Y Redo
Ctrl+/ / Cmd+/ Toggle comment