File Editor

Edit files directly in your browser with Monaco Editor - the same editor that powers VS Code.

Overview

CloudForge includes a powerful file editor powered by Monaco Editor, giving you a VS Code-like editing experience right in your browser. No need to SSH into your server or use a separate IDE.

Features

  • Syntax Highlighting - Automatic language detection for 50+ languages
  • Multi-file Tabs - Open multiple files and switch between them easily
  • Keyboard Shortcuts - Ctrl+S to save, and all the familiar VS Code shortcuts
  • Unsaved Indicator - Visual indicator for files with unsaved changes
  • Dark Theme - Beautiful CloudForge dark theme optimized for coding

How to Use

  1. Open the File Browser - Click the folder icon in the workspace header to show/hide the file tree.
  2. Navigate to a File - Click on folders to expand them, then click on a file to open it.
  3. Edit the File - The file opens in the Monaco Editor. Make your changes.
  4. Save Changes - Press Ctrl+S (or Cmd+S on Mac) to save. A confirmation message appears in the terminal.

Keyboard Shortcuts

ActionWindows/LinuxMac
Save FileCtrl+SCmd+S
FindCtrl+FCmd+F
Find and ReplaceCtrl+HCmd+Option+F
Go to LineCtrl+GCmd+G
Comment LineCtrl+/Cmd+/
Duplicate LineShift+Alt+DownShift+Option+Down

Supported Languages

Monaco Editor automatically detects the language based on file extension. Supported languages include:

  • JavaScript/TypeScript - .js, .jsx, .ts, .tsx, .mjs, .cjs
  • Python - .py, .pyw
  • Go - .go
  • Rust - .rs
  • Ruby - .rb
  • HTML/CSS - .html, .htm, .css, .scss, .sass, .less
  • Svelte - .svelte
  • JSON - .json, .jsonc
  • YAML - .yaml, .yml
  • Markdown - .md, .mdx
  • Shell - .sh, .bash, .zsh
  • And many more...

Working with Tabs

You can open multiple files in tabs:

  • Open a new file - Click on it in the file tree
  • Switch tabs - Click on a tab to make it active
  • Close a tab - Click the X button on the tab, or middle-click
  • Context menu - Right-click a tab for more options (Close Others, Close All)

Unsaved Changes

If you try to close a tab with unsaved changes, you'll be prompted to confirm.