CozyEdit Pro — Guide
1. Keyboard Shortcuts
- Ctrl + S → Save all files
- Ctrl + N → Create new file
- Ctrl + O → Open folder
- Ctrl + Shift + F → Format code
- Ctrl + Enter → Open Preview
- Ctrl + B → Toggle Explorer (on mobile)
2. Buttons Explanation
- New File → Creates a new file (temporary if no folder is open)
- Open Folder → Opens a real folder from your computer
- Save → Saves all modified files
- Format → Formats the current file
- Boilerplate → Inserts basic HTML structure (only works on .html files)
- Preview → Opens preview (behavior depends on file type)
- Guide → Opens this help guide
3. Console Tab
The Console tab is used to run JavaScript code and see output.
- Click "▶ Run Current JS" to execute the code in the active .js file.
- All
console.log() outputs will appear in the box below.
- Only works when a .js file is open and active.
4. Preview System
HTML Preview
- Opens inside the editor in an iframe.
- Automatically combines all open .css and .js files.
- External CSS/JS links are removed and replaced with the actual code from open tabs.
Python Preview
- Python files always open in a new browser tab.
- Uses Pyodide to run Python code directly in the browser.
print() output appears in the new tab.- First time loading Pyodide takes 15–30 seconds.