Web · Open Source

Rich Markdown Editor – Open Source

A full-featured, open-source Markdown editor with live preview, math, diagrams, syntax highlighting and PDF export.

Live Demo All Projects

Technical Information

Project Type
Productivity ToolOpen SourceMarkdown Editor
Tech Stack
PythonFlaskEasyMDEHighlight.jsKaTeXMermaidhtml2pdf.jsBootstrap 5Primer CSSDockerHugging Face Spaces
Topics / Modules
Live PreviewMath (KaTeX)Diagrams (Mermaid)Syntax HighlightingDark ModePDF Export
Links
Live Demo

Project Summary

An open-source, browser-based Markdown editor with live preview, KaTeX math, Mermaid diagrams, syntax highlighting, a distraction-free read mode, dark mode and one-click PDF export.

Skills Demonstrated

Front-end ArchitectureMarkdown RenderingMath & Diagram RenderingPDF ExportThemingDocker Packaging

Solution

Built on EasyMDE with Highlight.js, KaTeX and Mermaid for rich rendering, plus html2pdf.js for export – packaged in a Flask app, containerised with Docker and deployed to Hugging Face Spaces.

Approach

  1. Editor: Integrate EasyMDE for the writing experience.
  2. Render: Add KaTeX, Mermaid and Highlight.js for rich content.
  3. Modes: Implement read mode and dark mode.
  4. Export: Enable PDF export with html2pdf.js.
  5. Deploy: Containerise with Docker and host on Hugging Face Spaces.