RAW MARKDOWN EDITOR2124 characters

# 🚀 Welcome to the README & Markdown File Viewer

A modern, fast, and security-hardened Markdown reader built with **Next.js**, **React 19**, and **Tailwind CSS**.

---

## 🌟 Key Features

- 🛡️ **Hardened Security Pipeline**: Full sanitization preventing XSS attacks while allowing rich elements.
- 🎨 **GitHub-Style Code Blocks**: Syntax highlighting with copy buttons.
- 📊 **Mermaid Diagrams**: Dynamic flowchart and diagram rendering.
- 📐 **LaTeX Math Equations**: Inline and block math formulas.
- 📑 **Interactive Table of Contents**: Jump directly to any section.
- 🔍 **In-Document Search**: Highlighting matching terms instantly.
- 📂 **Workspace & Folder Support**: Open multiple files or local folders seamlessly.
- ↔️ **Split View & Raw Editor**: Edit raw Markdown while previewing live.
- 📋 **Copy & Paste & Drag-and-Drop**: Load Markdown from anywhere instantly.
- 📤 **Export Capabilities**: Export to styled HTML or PDF.

---

## 📊 Mermaid Diagram Example

---

## 📐 LaTeX Math Equations

Inline equation: $E = mc^2$ or Pythagorean theorem: $a^2 + b^2 = c^2$.

Block equation:

$$
\int_{-\infty}^{\infty} e^{-x^2} dx = \sqrt{\pi}
$$

---

## 💻 GitHub Code Block Example

```typescript
interface UserProfile {
  id: string;
  name: string;
  role: "admin" | "developer";
  createdAt: Date;
}

export function greetUser(user: UserProfile): string {
  return `Welcome back, ${user.name}! Role: ${user.role}`;
}
```

---

## 📋 GFM Table Example

---

> [!NOTE]
> You can drag and drop any `.md` file onto this window, paste Markdown directly via `Ctrl+V`, or click **Open File** in the toolbar above!

🚀 Welcome to the README & Markdown File Viewer

A modern, fast, and security-hardened Markdown reader built with Next.js, React 19, and Tailwind CSS.

🌟 Key Features

🛡️ Hardened Security Pipeline: Full sanitization preventing XSS attacks while allowing rich elements.
🎨 GitHub-Style Code Blocks: Syntax highlighting with copy buttons.
📊 Mermaid Diagrams: Dynamic flowchart and diagram rendering.
📐 LaTeX Math Equations: Inline and block math formulas.
📑 Interactive Table of Contents: Jump directly to any section.
🔍 In-Document Search: Highlighting matching terms instantly.
📂 Workspace & Folder Support: Open multiple files or local folders seamlessly.
↔️ Split View & Raw Editor: Edit raw Markdown while previewing live.
📋 Copy & Paste & Drag-and-Drop: Load Markdown from anywhere instantly.
📤 Export Capabilities: Export to styled HTML or PDF.

📊 Mermaid Diagram Example

Mermaid Diagram

📐 LaTeX Math Equations

Inline equation: $E = mc^2$ or Pythagorean theorem: $a^2 + b^2 = c^2$ .

Block equation:

\int_{-\infty}^{\infty} e^{-x^2} dx = \sqrt{\pi}

💻 GitHub Code Block Example

typescript
interface UserProfile {
  id: string;
  name: string;
  role: "admin" | "developer";
  createdAt: Date;
}

export function greetUser(user: UserProfile): string {
  return `Welcome back, ${user.name}! Role: ${user.role}`;
}

📋 GFM Table Example

Feature	Support	Description
GFM Task Lists	✅	Interactive task checkboxes
Code Highlighting	✅	GitHub dark theme prism syntax
Security Sanitizer	✅	XSS prevention via rehype-sanitize
PDF Export	✅	Print-friendly CSS layout

[!NOTE] You can drag and drop any .md file onto this window, paste Markdown directly via Ctrl+V, or click Open File in the toolbar above!