Scribble Markdown

Next-generation markdown editor. Quick scribbles in new tab

# Scribble Markdown - Markdown Editor with Real-Time Collaboration A markdown editor in your new tab. Collaborate and discuss in real-time, with all data stored locally on your device. ## 🌟 Key Features **🤝 Real-Time Collaboration** Collaborate with your team for reviews and discussions in real-time. When you're done editing, your notes are saved locally. - **One-click sharing**: Click the "Collab" button to instantly start a new collaborative note. You can also share an existing note via the "Collaborate" button in the editor toolbar - **Easy join via Session ID**: No login required for guests — just enter the shared ID to join - **Web version support**: People without the extension can join via browser. Share invite links instantly with the Web URL copy button - **Real-time sync**: Edits are instantly reflected for all participants, including cursor positions - **In-session chat**: Exchange messages in real-time while editing. Unread badge ensures you never miss a message - **Follow mode**: Click a participant's avatar to auto-scroll and follow their editing position. Automatically stops when you scroll or type - **Image, file & drawing sharing**: Images, attachments, and hand-drawn diagrams are shared in real-time during collaboration - **Auto-reconnect**: Automatically rejoin the session after browser reload or network interruption - **Host approval system**: Waiting room feature ensures guests need host approval before joining - **Session limits**: Up to 3 participants, max 90 minutes (perfect for casual sharing) - **Privacy-first**: All shared data is completely deleted from servers after the session ends **📝 Markdown Editor** - Real-time preview functionality - Split view mode: Edit and preview side by side - **Auto-scroll sync**: Preview automatically scrolls to match your editing position (toggle on/off) - Supports all major markdown syntax: headings, lists, links, code blocks, tables, and more - Syntax highlighting support - **Slash commands**: Simply type `/` to insert headings, lists, tables, drawings, and more - Auto-completion for lists and table rows (Enter key auto-generates next line) - **Interactive checkboxes**: Click to toggle checkboxes in preview mode - Safe link behavior (URLs open via external icon, email links disabled) **🎨 Hand-Drawn Diagrams & Whiteboard (Excalidraw)** - Insert hand-drawn diagrams into notes with the `/drawing` slash command - Intuitive whiteboard tool powered by Excalidraw - Click diagrams in preview mode to edit them - Diagrams sync in real-time during collaborative editing - Fully supported in export/import **💬 Comments** - GitHub-style inline commenting - Add, edit, and delete comments on paragraphs - Mark comments as resolved or unresolved - Toggle comment visibility with one click - Include comments in print/PDF output - Configure comment settings: enable/disable feature, default visibility on startup **🎯 Focus Mode** - Hide sidebars and toolbars to create a distraction-free writing environment - Split view available even in focus mode - Quick toggle with keyboard shortcut (`Cmd/Ctrl + Shift + F`) - Press Escape to easily return to normal mode **🎨 Themes & Dark Mode** - Choose from 18 beautiful color themes - Scribble Gray, Blueberry, Tomato, Four-leaf Clover, Grape, Orange, Teal, Sakura, Panda Black, Princess Tiara, Lavender, Matador, Lime, Emerald, Sky, Cyan, Indigo, Fuchsia - **3 color modes**: Light / Dark / System (auto-follows OS preference) - All themes include both light and dark mode variants - Easily switch themes and color modes from the settings panel **🔐 Multiple Sign-In Options** - Sign in with Google, Apple, or GitHub accounts - Required for collaborative editing (host only) **💾 Local Data Management** - All data is stored in your browser's local storage - Auto-save feature protects your important notes - Access your notes anytime without an internet connection - Manage data freely with reset and export/import options **🗂️ Organization & Management** - Organize with unlimited notes and folders - Rename folders as needed - Drag & drop notes between folders - Fast search functionality to find notes instantly - Note duplication feature for efficient workflow **📱 iOS App Available** - Native app for iPhone and iPad - UI optimized for each screen size with intuitive back button navigation - Manual sidebar toggle also available **🖨️ Print & PDF Export** - Print notes or save as PDF - Beautifully formatted output **📤 Data Portability** - Export/Import in JSON format - **One-click clipboard copying** with visual feedback tooltip - Full backup export / individual note export supported - Drawings included in export/import **🖼️ Image Support** - Drag & drop images to insert - Paste images directly from clipboard - Stored as Base64 (up to 30MB), viewable offline without internet **📎 File Attachments** - Drag & drop documents and data files to attach - Safely stored with notes, export/import supported - Unused attachments are automatically deleted for efficient storage management **⌨️ Keyboard Shortcuts** - `Cmd/Ctrl + S`: Save and switch to preview mode - `Cmd/Ctrl + E`: Toggle edit/preview mode - `Cmd/Ctrl + Shift + F`: Toggle focus mode - `Escape`: Exit focus mode ## 💡 Perfect For - **Teams who want real-time reviews and feedback** - **Anyone who needs to share documents for discussion** - Developers who want to take notes in markdown format - Privacy-conscious users who want to keep data local - Anyone looking for a simple and lightweight note-taking app - Those who want to quickly sketch diagrams and visuals - Writers who want to focus without distractions - Those who prefer browser-based tools ## 🔒 Privacy & Data Handling **Local Data** - All notes, images, and attachments are stored in your browser's local storage - No automatic transmission to external servers - No tracking - Safe link handling: URLs open in new tabs, email links disabled for security **Collaboration Data** - During collaborative editing only, document data is processed in server memory (never written to disk) - Data is only shared among collaborators and is never sold to third parties or used for advertising purposes - After the session ends, all data on the server is completely deleted ## 🚀 How to Use **Collaborative Editing** 1. Sign in with your Google / Apple / GitHub account (top-right login button) 2. Click the "Collab" button in the header to start a new collaborative note. Or open an existing note and click "Collaborate" in the editor toolbar 3. Share the displayed Session ID with others (or use the Web URL copy button to share an invite link) 4. Guests can select "Join Session" from the extension or open the Web version link in their browser 5. Once the host approves, real-time collaboration begins! **Basic Usage** 1. Click the extension icon in the toolbar 2. Scribble Markdown opens in a new tab 3. Click "+ New Note" to create a note 4. Write freely in markdown format 5. Click the preview button to see the rendered output 6. Use split view for simultaneous editing and preview 7. Enter focus mode to eliminate distractions and immerse yourself in writing ## 🛠️ Technical Specifications - Manifest V3 compliant - Built with TypeScript + Webpack - Fast rendering with Marked.js - Uses Chrome Storage API