Using the Editor

The main editor area (blue screen) is where you write your code. It works like any standard text editor.

Features:

- The title bar shows the current filename

- The status bar at the bottom shows your cursor position (line:column)

- Text selection is highlighted in cyan

Edit Menu:

- Cut: Remove selected text and copy to clipboard

- Copy: Copy selected text to clipboard

- Paste: Insert text from clipboard

- Clear: Remove all text from the editor

File Operations

Use the File menu to manage your programs.

New Program:

Clears the editor so you can start fresh.

Open... (Ctrl+O):

Opens a file picker to load a local text file (.html, .css, .js, .txt, etc.) into the editor.

Save (Ctrl+S):

Downloads your code as a file to your computer.

Save As... (Ctrl+Shift+S):

Same as Save - downloads the file with the current filename.

Exit:

Shows a retro "safe to turn off" screen. Just refresh to come back!

Search & Replace

Find... (Ctrl+F):

Opens the Find dialog to search for text in your code.

- Type your search term and click "Find Next" or press Enter

- Check "Match Upper/Lowercase" for case-sensitive search

- Check "Whole Word" to match complete words only

- Search wraps around when reaching the end

Change... (Ctrl+H):

Opens the Find & Replace dialog.

- "Find Next" locates the next match

- "Change" replaces the current match and finds the next

- "Change All" replaces every occurrence at once

Running Code

Click "Run" in the menu bar or press F5 to execute your code.

Your HTML/CSS/JS will render in a preview window that appears over the editor.

The Preview Window:

- Shows your rendered HTML page

- Click [X] or press ESC to close it

- JavaScript will execute within the preview

Example Code:

<h1>Hello World</h1>

<style>

  h1 { color: blue; }

</style>

<script>

  alert('It works!');

</script>

Keyboard Shortcuts

F1	Open Help
F5	Run code
Ctrl+O	Open file
Ctrl+S	Save file
Ctrl+Shift+S	Save As
Ctrl+F	Find
Ctrl+H	Change (Find & Replace)
ESC	Close dialog / preview
Enter	Find next (in Find dialog)

Tips & Tricks

- You can write a complete web page with HTML, CSS and JS all in one file

- Use <style> tags for CSS styling

- Use <script> tags for JavaScript

- Save your work often using Ctrl+S

- Open previously saved files with Ctrl+O

- The status bar shows your current line and column number

- This editor is inspired by Microsoft QBasic (1991) which was included with MS-DOS 5.0 and later versions