Live Markdown editor with real-time GitHub-styled preview. Dark/light mode, toolbar, keyboard shortcuts, export & more ��� zero config, runs entirely in the browser.
- JavaScript 41.3%
- CSS 30.6%
- HTML 28.1%
| Filename | Latest commit message | Latest commit date |
|---|---|---|
| .github/workflows | ||
| css | ||
| img | ||
| js | ||
| .gitignore | ||
| CHANGELOG.md | ||
| CODE_OF_CONDUCT.md | ||
| CONTRIBUTING.md | ||
| index.html | ||
| LICENSE | ||
| README.md | ||
| SECURITY.md | ||
Neiki's Markdown Editor
Live Markdown Editor & Viewer
Write Markdown on the left, see a beautiful GitHub-styled preview on the right — instantly in the browser.
⭐ Enjoying Neiki's Markdown Editor? Give it a Star and Fork the repository! ❤️
Your support helps me see that the project is useful to developers
and motivates me to keep improving it with more frequent updates.
Live version: https://neikiri.dev/markdown-editor
✨ Features
- Real-time preview — Markdown renders instantly as you type
- GitHub Flavored Markdown — tables, task lists, strikethrough and more
- Syntax highlighting — code blocks with language-aware highlighting via Highlight.js
- Dark / Light mode — toggle between themes with a single click, preference is saved
- Toolbar — quick-insert buttons for headings, bold, italic, code, links, images, tables and more
- Keyboard shortcuts —
Ctrl+B(bold),Ctrl+I(italic),Ctrl+K(link),Ctrl+E(inline code) - Export — download your document as a
.mdfile - Resizable split panes — drag the divider to adjust editor / preview ratio
- Mobile-friendly — tab switcher for editor and preview on small screens
- XSS-safe — all output is sanitized with DOMPurify
🚀 Getting Started
No build step required. Simply open index.html in your browser.
git clone https://github.com/neikiri/neiki-markdown-editor.git
cd neiki-markdown-editor
open index.html
All dependencies are loaded from CDN — no npm install needed.
🛠️ Tech Stack
| Technology | Purpose |
|---|---|
| markdown-it | Markdown parsing |
| Highlight.js | Syntax highlighting |
| github-markdown-css | GitHub-styled preview |
| DOMPurify | HTML sanitization |
📄 License
This project is licensed under the MIT License — see the LICENSE file for details.
👨💻 Author
neikiri GitHub: https://github.com/neikiri
📬 Contact
📧 Email: neikiri@neikiri.dev