cPanel Monaco Editor — Moniruzzaman Saikat

Bring the power of VS Code to your cPanel File Manager.

cPanel Monaco Editor replaces cPanel's default code editor with Monaco, the powerful editor behind Visual Studio Code. Edit your website files directly inside cPanel with a modern development experience, without switching to a separate IDE.

Key Features

• VS Code-style editing: Syntax highlighting, IntelliSense-style autocomplete, multiple cursors, code folding, bracket matching, minimap, and keyboard shortcuts.
• Built-in file explorer: Browse directories, manage files and folders, and work across multiple tabs.
• PHP development tools: PHP autocomplete, documentation on hover, project-aware suggestions, error detection, and go-to-definition support.
• Laravel and WordPress support: Helpful completions for Laravel, Blade templates, WordPress functions, and hooks.
• Find and replace: Search across project files with regular expressions and replacement previews.
• Code formatting: Format PHP code using Prettier.
• Split editor: Work with two files side by side.
• Customizable workspace: Choose from 16 editor themes and configure fonts, indentation, word wrap, Auto Save, and other preferences.
• Local file history: Recover previous edits, compare changes, and restore saved versions.
• File management: Create, rename, upload, download, move, compress, extract, and delete files from the editor.
• Smart previews: Preview Markdown, SVG, and supported image files.
• Unsaved work protection: Restore drafts after unexpected reloads or session interruptions.

Designed for cPanel Developers

Whether you're editing PHP scripts, maintaining WordPress websites, developing Laravel applications, or making quick HTML, CSS, and JavaScript changes, cPanel Monaco Editor helps you work directly on your hosting server.

Privacy and Security

• Your website code is not transmitted to the extension developer.
• No external CDN is required for Monaco.
• Files are read and saved through your existing authenticated cPanel session.
• Editor preferences, drafts, and local history are stored in your browser.

Getting Started

1. Install the Firefox extension.
2. Log in to your cPanel account.
3. Open File Manager and select a code file.
4. Click Edit to launch the Monaco-powered editor.
5. Edit your code and save it directly to your hosting server.

Open Source and Free

cPanel Monaco Editor is an open-source project released under the MIT License.

Source code: https://github.com/monirsaikat/cp-monaco

Bug reports and feature requests: https://github.com/monirsaikat/cp-monaco/issues

Disclaimer: This is an independent project and is not affiliated with or endorsed by cPanel, LLC or Microsoft.