DevForge LogoDevForgeDocs
Search
LandingWorkbench

Overview

Home

Guides

Markdown Reference

GFM syntax guide

Studio

DevForge Studio

studio

Data Tools

JSON Formatter

json-formatter

Base64 Ultimate Studio

base64-ultimate-studio

JWT Decoder

jwt-decoder

String Case Converter

string-case-converter

YAML ↔ JSON

yaml-json-converter

DB Schema Visualizer

db-schema-visualizer

API Client Studio

api-client

SHA-256 Hash Generator

sha256-generator

SVG Optimizer

svg-optimizer

Writing Tools

Markdown Editor

markdown-editor

ASCII Art Generator

text-to-ascii-art

Doc Builder

doc-builder

Pattern Tools

Regex Tester

regex-tester

Diff Viewer

diff-viewer

Generators

Code Generator

code-generator

UUID Generator

uuid-generator

Color Palette Studio

color-palette

Cron Generator

cron-generator

Dockerfile Generator

dockerfile-generator

K8s YAML Builder

k8s-yaml-builder

AI Tools

AI Explainer

code-explainer

AI UI Generator

ai-ui-generator

Documentationmarkdown editor

Tool reference

Markdown Editor

beta

Write GitHub Flavored Markdown across multiple linked files in a VS Code-style workspace with a file tree, folder organization, wikilink navigation, and cloud saves.

Open toolBack to docs

Quickstart

Use this when you want the shortest path from input to a useful result.

1

Create a new file from the file tree sidebar.

2

Write Markdown in the editor; use Split view to see the rendered preview while typing.

3

Add more files and link between them with [[filename]] wikilinks.

4

Save the workspace manually or turn on auto-save from the toolbar.

Best for

Common situations where this tool fits naturally into the workflow.

  • Manage a set of related Markdown documents — notes, specs, or wikis — in one persistent workspace.
  • Link between files using [[wikilink]] syntax and navigate by clicking links in the preview.
  • Save workspaces to the cloud and reopen them later from My Saves.

Common tasks

Concrete ways this tool is typically used in day-to-day workflows.

Add a file or folder

Use the + button in the file tree sidebar. Drag files into folders or use the context menu to rename or delete.

Link between files

Type [[filename]] in the editor. The preview renders it as a clickable link that switches the active file.

Save and reopen a workspace

Click Save to name the workspace. It appears in My Saves and can be reopened with the full file tree intact.

Toggle auto-save

Switch auto-save on to have the workspace saved automatically after each change, with a short debounce.

Examples

Real inputs and outputs that show how the tool behaves.

Multi-file wiki with wikilinks

Create several files and navigate between them by clicking [[slug]] links in the preview.

Markdown in index.md

# Project Wiki

- [[setup]] — environment setup guide
- [[api-reference]] — REST endpoints
- [[changelog]] — recent changes

Preview behavior

Each [[slug]] renders as a clickable link. Clicking it switches the active file to the matching document in the workspace.

Organize with folders

Group related files into folders using the sidebar context menu.

File tree structure

docs/
  setup.md
  api-reference.md
notes/
  ideas.md
index.md

Result

The sidebar shows collapsible folder rows. Files inside inherit the folder's path context and can still be wikilinked by slug.

Features

What this tool includes and what each capability is for.

VS Code-Style File Tree

Always-visible sidebar with files and folders, inline rename, delete, and a toggle button to collapse the panel.

Wikilink Navigation

[[slug]] syntax in Markdown renders as a clickable link in the preview. Clicking it switches the active file without a page reload.

Three View Modes

Move between Split, Edit-only, and Preview-only depending on whether you are drafting or reviewing.

GitHub Flavored Markdown Preview

Renders the active file with GFM features: tables, fenced code blocks, links, headings, and blockquotes.

Auto-Save with Debounce

Saves the workspace automatically 1.5 seconds after the last change when auto-save is enabled.

Cloud Save and My Saves Hub

Saves the entire workspace — all files, folders, and content — to the cloud. Reopen any saved workspace from the My Saves page.

Workflow

Follow this path to get from input to output quickly.

1

Open the file tree sidebar and create your first file.

2

Write Markdown in the editor; use Split view to see the preview while drafting.

3

Add more files and use [[filename]] wikilinks to link between them.

4

Organize related files into folders using the sidebar context menu.

5

Save the workspace and reopen it later from My Saves.

Caveats and tips

Things to keep in mind before relying on the output in a larger workflow.

Caveats

  • Free tier is limited to 5 saved workspaces. Pro tier removes this limit.
  • Wikilinks match by slug (filename without .md, spaces converted to dashes). A dead link renders in muted style until a matching file exists.
  • Preview rendering uses the configured GFM parser and is not a full GitHub page replica.

Tips

  • Keep index.md as the entry point for a workspace so wikilinks radiate outward from one root.
  • Rename a file by hovering its row in the file tree and clicking the context menu.
  • Use auto-save during active editing and manual save for named checkpoints.

On this page

QuickstartBest forCommon tasksExamplesFeaturesWorkflowCaveats and tips

Related pages

ASCII Art GeneratorOpenDoc BuilderOpen