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%
Find a file
Repository files (latest commit first)
Filename Latest commit message Latest commit date
2026-09-03 09:51:38 +02:00
.github/workflows Add GitLab and Forgejo repository sync 2026-09-03 09:51:38 +02:00
css Add Dracula theme 2026-07-08 15:40:13 +02:00
img Update logo 2026-07-31 03:37:51 +02:00
js Add Dracula theme 2026-07-08 15:40:13 +02:00
.gitignore Edit .gitignore 2026-07-08 16:07:09 +02:00
CHANGELOG.md Add Dracula theme 2026-07-08 15:40:13 +02:00
CODE_OF_CONDUCT.md Migrate branding to neikiri.dev 2026-05-16 22:10:05 +02:00
CONTRIBUTING.md v1.0.0 — initial release 2026-05-01 17:02:16 +02:00
index.html Update logo 2026-07-31 03:37:51 +02:00
LICENSE v1.0.0 — initial release 2026-05-01 17:02:16 +02:00
README.md Improve README presentation 2026-07-31 03:54:00 +02:00
SECURITY.md Migrate branding to neikiri.dev 2026-05-16 22:10:05 +02:00

neiki-markdown-editor

Neiki's Markdown Editor

HTML5 CSS JavaScript
License Version

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.

Fork the project

Download Neiki's Markdown Editor



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 shortcutsCtrl+B (bold), Ctrl+I (italic), Ctrl+K (link), Ctrl+E (inline code)
  • Export — download your document as a .md file
  • 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