How to Edit Code Directly in Your Browser

BoostonCP features a professional-grade IDE based on CodeMirror. Follow these steps to edit your application scripts securely.

Step 1: Launching the Editor

  1. Right-click any text-based file (PHP, JS, CSS, etc.).
  2. Select "Edit" from the context menu.
  3. The IDE modal will initialize with syntax highlighting active.

Step 2: Using IDE Features

  • Fullscreen Mode: Click the Expand icon at the top right to enter a focused coding environment.
  • Search & Replace: Press Ctrl + F inside the editor to find specific strings. Use Ctrl + H to replace.
  • Auto-Completion: The editor automatically matches brackets and tags to ensure clean code.
[IMAGE_PLACE_HOLDER: IDE Workspace - Screenshot of the editor in fullscreen with the save button highlighted.]

Step 3: Saving Changes

Click the "Save" button or press Ctrl + S. BoostonCP will transmit the updated code to the server and display a "File Saved Successfully" alert. The editor remains open so you can continue working.

DEVELOPER TIP: The IDE supports Dark Mode (Darcula) and Light Mode automatically based on your panel theme settings.