A feature-rich online markdown editor with dual editing modes and advanced functionality.

1. Split Screen Mode: Live preview with synchronized scrolling
2. WYSIWYG Hybrid Mode: Rich text editing with markdown output

• RTL/LTR Support: Switch between right-to-left and left-to-right text direction
• Auto-persistence: Content automatically saved to localStorage
• URL Sharing: Share documents via compressed URLs (no database required)
• Synchronized Scrolling: Both panes scroll together in split mode
• Mode Switching: Seamlessly switch between editing modes while preserving content

├── backend/
│   └── index.ts           # Hono server for static file serving
├── frontend/
│   ├── index.html         # Main application template
│   ├── index.tsx          # React application entry point
│   ├── components/
│   │   ├── App.tsx        # Main application component
│   │   ├── SplitEditor.tsx # Split screen editor
│   │   ├── WysiwygEditor.tsx # WYSIWYG editor
│   │   └── Toolbar.tsx    # Editor toolbar
│   └── style.css          # Application styles
├── shared/
│   └── utils.ts           # Shared utilities for compression/decompression
└── README.md

• Frontend: React 18.2.0 with TypeScript
• Backend: Hono for static file serving
• Markdown: marked for parsing, DOMPurify for sanitization
• WYSIWYG: Quill.js for rich text editing
• Styling: TailwindCSS
• Compression: pako for gzip compression
• Storage: localStorage for persistence

1. Start Writing: Begin typing in either split-screen or WYSIWYG mode
2. Mode Switching: Use the toolbar to switch between:
   • Split Screen: Live markdown preview with synchronized scrolling
   • WYSIWYG: Rich text editor with markdown output
3. Text Direction: Toggle between LTR (Left-to-Right) and RTL (Right-to-Left)
4. Auto-Save: Content is automatically saved to localStorage every second
5. Sharing: Click "Share" to generate a compressed URL containing your content
6. Export: Download your work as a .md file
7. Clear: Reset the editor (with confirmation)

• Ctrl+B / Cmd+B: Bold text
• Ctrl+I / Cmd+I: Italic text
• Ctrl+K / Cmd+K: Insert link
• Tab: Indent (add 2 spaces)

In split-screen mode, scrolling in either pane automatically scrolls the other pane to the corresponding position.

The share feature compresses your markdown content and encodes it in the URL, allowing you to share documents without requiring a database or user accounts.

Your work is automatically saved to browser localStorage and restored when you return to the editor.

Full support for right-to-left languages with proper text alignment and direction.