# Markdown Online Editor, Free Preview & Export A fast Markdown workspace with live preview. ## Key Notes - Real-time rendering while you type - Export HTML from the export dropdown - Custom CSS appended after the selected theme - Mermaid diagrams and KaTeX math supported - Draft is stored locally if window.localStorage is available **Local processing:** All processing happens locally in your browser. Your input is never sent to the server. [toc] ## Basics **bold**, *italic*, ~~strikethrough~~, `inline code` > Blockquote: keep it short. [Link](https://1024tools.com/markdown) and  ## Lists - Unordered item - Another item - Nested item 1. Ordered item 2. Another item - [x] Task done - [ ] Task pending ## Table | Left | Center | Right | | :--- | :---: | ---: | | Apple | 12 | 1.2 | | Banana | 6 | 0.8 | ## Code Block ```js const message = "Hello Markdown"; console.log(message); ``` ## Footnote Footnote reference[^1] [^1]: Footnote text. ## Math Inline math: $E=mc^2$ $$ \int_0^\infty e^{-x^2} dx = \frac{\sqrt{\pi}}{2} $$ ## Mermaid Diagrams ### Flowchart ```mermaid flowchart LR A[Start] --> B{Ready?} B -->|Yes| C[Run] B -->|No| D[Wait] ``` ### Sequence Diagram ```mermaid sequenceDiagram participant U as User participant S as Server U->>S: Request S-->>U: Response ``` ### Class Diagram ```mermaid classDiagram class Animal { +String name } class Dog { +bark() } Animal <|-- Dog ``` ### State Diagram ```mermaid stateDiagram-v2 [*] --> Idle Idle --> Working: start Working --> Idle: stop ``` ### Gantt ```mermaid gantt title Sample Plan dateFormat YYYY-MM-DD section Build Task A :a1, 2024-01-01, 1d Task B :after a1, 1d ``` ### Pie Chart ```mermaid pie title Share "A" : 40 "B" : 30 "C" : 30 ``` ### ER Diagram ```mermaid erDiagram USER ||--o{ ORDER : places ORDER }o--|| PRODUCT : contains ``` ### User Journey ```mermaid journey title Day section Work Code: 5: Me Review: 3: Me ``` ### Git Graph ```mermaid gitGraph commit branch feature checkout feature commit checkout main merge feature ```