Skip to content
The Terminal

Code Editor

The Editor panel is a lightweight code editor built on CodeMirror 6 — for code editing, file review, and previewing content without switching to another app.

Features

Section titled “Features”
  • Syntax highlighting for 10+ languages
  • Markdown preview with live rendering
  • Media file preview — open images, videos, and other media files directly in the editor panel
  • Word wrap toggle
  • Multi-tab editing with dirty state tracking
  • Tab context menu — close one tab, all tabs, or all tabs to the left/right
  • Collapsible editor body — collapse to a tabs-only strip when you need more space
  • Open from File Navigator — click a file to open it

Supported Languages

Section titled “Supported Languages”

The editor provides syntax highlighting for:

LanguageExtensions
JavaScript.js, .jsx
TypeScript.ts, .tsx
Python.py
Swift.swift
JSON.json
CSS.css
HTML.html
Markdown.md
Shell.sh, .bash, .zsh
YAML.yml, .yaml

Markdown Preview

Section titled “Markdown Preview”

When you open a .md file, the editor can show a live preview alongside the source. This is useful for reviewing README files, documentation, and notes without leaving The Terminal.

Multi-Tab Editing

Section titled “Multi-Tab Editing”

Open multiple files in tabs. Each tab tracks its dirty state — a dot indicator shows unsaved changes. Tabs persist across sessions.

For tab-heavy sessions, you can:

  • Right-click a tab to open bulk-close actions (Close, Close All, Close All to the Left, Close All to the Right)
  • Scroll the tab strip horizontally with the mouse wheel
  • Collapse the editor content area to keep only the tab row visible

Media Preview

Section titled “Media Preview”

Beyond code editing, the Editor panel doubles as a media viewer. Open image files (PNG, JPG, SVG, GIF), and they render directly in the panel. This is useful when working on frontend assets, reviewing screenshots, or inspecting generated images — without leaving The Terminal.

When to Use It

Section titled “When to Use It”

The Editor panel is designed for:

  • Quick edits — small changes that don’t warrant opening VS Code
  • File review — reading code alongside your terminal and browser
  • Media preview — viewing images and assets in context
  • Markdown editing — writing docs with live preview
  • Config files — editing JSON, YAML, and dotfiles

For heavy editing sessions with refactoring, IntelliSense, and extensions, you’ll still want your primary editor. The Terminal’s editor is a companion, not a replacement.

Next Steps

Section titled “Next Steps”