Workspace editor

DevShot Code Editor

Edit the running workspace without leaving the isolated VM.

Code Editor opens the WordPress 6.9 project in a browser editor on the claimed VM, keeping code changes next to the live app and terminal.

Code Editorlive editorOpen file
functions.php
wp-config.php
Simple Browser
1
2
3
4
5
6
<?php
add_action("init", function () {
  register_block_pattern_category("devshot", [
    "label" => __("DevShot", "twentytwentysix"),
  ]);
});
Explorer selected wp-content
Live editor

Code Editor in action

The full browser editor connects to the public WordPress 6.9 demo VM on port 8080.

functions.php
1
2
3
4
5
6
<?php
add_action("init", function () {
  register_block_pattern_category("devshot", [
    "label" => __("DevShot", "twentytwentysix"),
  ]);
});
Same VM, same controls

Built for real execution work.

A light editor workspace connects to the same WordPress VM on port 8080.

Open the project files directly in the VM that serves the preview.

Keep editor, terminal, app preview, and desktop on one machine.

Use the trusted workspace bootstrap without interrupting the public demo.

Workflow

01

Claim the WordPress workspace VM

02

Open the code editor on port 8080

03

Edit, preview, and verify from the same runtime