Welcome to Markdown Editor

This is a professional-grade Markdown editor with real-time preview, GitHub-style rendering, and Mermaid support.

🚀 Getting Started

• Real-time Preview: Edit on the left, see results on the right.
• Emoji Search: Type @ followed by a name (e.g., @happy) to quickly insert emojis.
• Syntax Highlighting: Beautiful highlighting for various programming languages.

📝 Markdown Syntax Examples

1. Typography

You can use bold, italic, or strikethrough. Even support custom tags: This is an insertion, This is a deletion, and Important Text.

2. Lists

Unordered List

• Item 1
• Item 2
  • Sub-item 2.1
  • Sub-item 2.2
  • Important Text

Ordered List

1. First item
2. Second item
3. Third item

Task List

• Finished task
• Unfinished task

3. Blockquotes & Tables

Professional-grade writing requires professional-grade tools. This editor is designed for speed and clarity.

🎨 Advanced Features

4. Code Blocks

function HelloWorld() {
  console.log("Hello, AttendionFlow!");
}

5. Mermaid Flowcharts

graph TD;
    A[Start] --> B{Is it working?};
    B -- Yes --> C[Great!];
    B -- No --> D[Keep trying!];
    C --> E[Celebrate! 🎉];
    D --> B;

6. Links & Images

Learn more about AttendionFlow

Happy writing! ✍️