A compact, all-in-one Markdown editor implemented as a single HTML file. Can run locally (file://) or be hosted on a static server. Lightweight, with a clean UI and most common Markdown features.
Repo name suggestion: single-file-markdown-editor
This project is a standalone HTML file containing:
- A Markdown editor area with live preview.
- Toolbar for common Markdown operations (bold, italic, headings, lists, code blocks).
- Export as
.mdor.html. - Local file open/save support (works in modern browsers).
- Minimal dependencies — no build step required.
- Live preview using a Markdown parser (e.g., marked.js) bundled into the single file.
- Export and import
.mdfiles using browser APIs. - Simple UI, keyboard shortcuts, and responsive layout.
- Optional localStorage autosave.
- Open
editor.htmlin a modern browser:
file:///path/to/editor.html
or host via a static server:
python3 -m http.server 8000
# then open http://localhost:8000/editor.html- Use the toolbar or keyboard shortcuts to edit.
- Click “Export” to download
.mdor.html.
- The single-file nature makes it easy to drop into any project, embed into a static website, or use as a simple note-taking tool.
- Replace the bundled markdown parser if you prefer a different one (instructions inside the file).
Add screenshots/ or short GIFs demonstrating editing, preview, and export.