Code Editor Features
Explore the features available in the Urumi Code Editor.
File Browser
The left sidebar provides a file explorer:
- Browse directories - Navigate your WordPress file structure
- Open files - Click to open files in the editor
- Create files - Right-click to create new files
- Delete files - Right-click to delete files
Common Directories
| Directory | Contents |
|---|---|
wp-content/themes/ | Your theme files |
wp-content/plugins/ | Plugin files |
wp-content/uploads/ | Media files |
wp-config.php | WordPress configuration |
Code Editing
Syntax Highlighting
The editor supports syntax highlighting for:
- PHP
- JavaScript
- CSS / SCSS / LESS
- HTML
- JSON
- SQL
- Markdown
Editor Features
| Feature | Description |
|---|---|
| Auto-complete | Suggestions as you type |
| Find & Replace | Ctrl/Cmd + F to find |
| Multiple cursors | Alt + Click for multiple edit points |
| Code folding | Collapse code blocks |
| Line numbers | Easy reference and debugging |
Keyboard Shortcuts
| Action | Windows/Linux | Mac |
|---|---|---|
| Save | Ctrl + S | Cmd + S |
| Find | Ctrl + F | Cmd + F |
| Replace | Ctrl + H | Cmd + H |
| Go to Line | Ctrl + G | Cmd + G |
| Command Palette | F1 | F1 |
| Close File | Ctrl + W | Cmd + W |
Integrated Terminal
Access a command-line terminal directly in the editor:
- Open the terminal panel (bottom of the editor)
- Run commands directly on your Development environment
Limited Commands
The terminal has access to the same commands available via SSH. See SSH Commands for available options.
Split Editing
Work on multiple files simultaneously:
- Open a file
- Right-click the file tab
- Select "Split Right" or "Split Down"
- Open another file in the new panel
Search Across Files
Search your entire codebase:
- Press
Ctrl/Cmd + Shift + F - Enter your search term
- View results across all files
- Click any result to open the file
Settings and Preferences
Customize your editing experience:
- Open Command Palette (
F1) - Type "Settings"
- Adjust:
- Font size
- Theme (light/dark)
- Tab size
- Word wrap
Your preferences are saved for your session.
Working with Urumi AI
The Code Editor is integrated with Urumi AI:
- Use Urumi AI to make changes
- See changes reflected in the Code Editor
- Review and modify AI-suggested code
- Use the editor to understand what changed
The split panel layout makes it easy to chat with Urumi AI on one side while viewing code on the other.