Skip to content

File Manager Quick Start

When to use this page

Use this guide when you need to:

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

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:

  1. Open your computer's file explorer alongside the browser.
  2. Drag one or more files into the upload zone.
  3. Watch the progress bar — files upload automatically.

Browse and select:

  1. Click inside the upload zone.
  2. Select files in the system dialog.
  3. Click Open.

Create a folder

  1. Find the new folder name field next to the breadcrumb.
  2. Enter a name (use hyphens, not spaces).
  3. Click Create.

Edit a code file

  1. Find the file in the list.
  2. Click the Monaco editor icon (code brackets) next to it.
  3. 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. Click the Filerobot icon next to it.
  3. 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. Click the clipboard icon next to it.
  3. The URL is copied to your clipboard — paste it anywhere.

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.

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