About this project

• Markdown Editor Studio is a browser-based markdown workspace with no server-side storage.
• Write, preview, and export notes/docs using Markdown, math (MathJax), and diagrams (Mermaid).
• Your content stays local in your browser session/storage unless you explicitly export or share.

Core features

• Multi-document tabs with autosave and rename/duplicate/delete actions.
• Split/editor/preview layouts with sync scrolling.
• Import from files and GitHub, export to Markdown/HTML/PDF/DOCX.

Getting started

1. Create a new tab or open an existing Markdown file.
2. Write in the left editor pane and review output in preview.
3. Use toolbar shortcuts for formatting, tables, alerts, and media.
4. Export your document via Export menu when ready.

Troubleshooting

• If preview looks stale, make a small edit to trigger re-render.
• If a diagram fails, validate Mermaid syntax in the code block.
• If equations do not render, ensure MathJax delimiters are valid ($$...$$ or \(...\)).
• If export fails, reduce oversized content and try again.

Privacy & data handling

• Editing is local-first: content remains in your browser unless exported or shared.
• Share links encode content in the URL; review before sending.
• Clear browser storage if using a shared/public device.

Useful shortcuts

• Ctrl/⌘ + Z — Undo
• Ctrl/⌘ + Shift + Z — Redo
• Ctrl/⌘ + F — Find & Replace
• Ctrl/⌘ + S — Save markdown export

Project summary

Markdown Editor Studio is a lightweight, local-first markdown editor built for writing technical notes, documentation, and shareable content.

What it includes

• Live markdown preview with syntax highlighting and GitHub-style rendering.
• MathJax and Mermaid support for equations and diagrams.
• Export options: Markdown, HTML, PDF, and DOCX.

Tech stack

• HTML/CSS/JavaScript (client-side), Bootstrap, Font Awesome.
• Marked, DOMPurify, Highlight.js, Mermaid, MathJax, FileSaver, jsPDF/html2canvas.