BeautyMarkdown - Beautiful Markdown Viewer Edge extension security report

# BeautyMarkdown > Native Markdown visualization enhancement plugin for Edge / Chrome > Turn Plain Text into exquisite documents in seconds... --- ## ✨ Features ### Markdown Rendering - Powered by **markdown-it** + 9 plugins - Syntax highlighting for **180+ programming languages** (highlight.js) - **KaTeX** math formulas - **Mermaid** diagrams (flowcharts, ER diagrams, sequence diagrams, etc.) - **GitHub-style task lists** - **Admonitions** (NOTE / TIP / WARNING / IMPORTANT / CAUTION) - Extended syntax: `==highlight==`, `^superscript^`, `~subscript~`, `++insert++`, `{color}colored text{/color}` ### Enhanced Code Display - 40+ code color themes (GitHub / Atom / Monokai / Nord / Night Owl, etc.) - Line numbers and copy button - Independent adjustment of code font and font size - Vertical alignment optimization for ASCII art / low‑fidelity wireframes ### UI Action Buttons - `[xxx]` / `【xxx】` automatically recognized as actionable buttons - Adjustable button color, background color, and transparency ### File Browser - Sidebar directory tree structure - Open folders and browse Markdown files - Real‑time keyword filtering - Remembers the last opened folder - Refresh button ### Table of Contents Navigation - Right‑side TOC panel - Heading search + keyword filtering - Slides away and hides on small screens ### Mermaid Full‑screen Preview - Adaptive window sizing, 100% original size, stepwise zoom - 🔍+ / 🔍− / percentage input (Enter to confirm) / Ctrl+wheel - Mouse drag to pan - PNG export (1X / 2X / 4X / 8X / 16X) - SVG export (automatic fallback when browser restrictions apply) ### Responsive Layout - Side panels use fixed positioning + slide‑to‑hide on small screens - Smooth collapse/expand ### Internationalization - Chinese and English UI ### Printing - Hide sidebar / TOC / header - Full multi‑page printout ### Keyboard Shortcuts | Shortcut | Function | |----------|----------| | `B` | Toggle file browser sidebar | | `T` | Toggle table of contents | | `Ctrl+F` | Search headings | | `Esc` | Close lightbox / modal | | `?` | Show help | --- ## 🔧 Installation Instructions ### Loading in Developer Mode (Before Publication) 1. Clone or download this project to your local machine 2. Open Edge browser and enter `edge://extensions/` in the address bar 3. Enable **"Developer mode"** 4. Click **"Load unpacked"** → select the project directory `BeautyMarkdown` 5. In the extension management, click **"Details"** on BeautyMarkdown → enable **"Allow access to file URLs"** 6. Open any `.md` file in Edge – it will be rendered automatically > For Chrome users, the process is similar: `chrome://extensions/` → Developer mode → Load unpacked ### Installing from the Store (After Publication) Search for **BeautyMarkdown** in the Edge Add‑on Store or Chrome Web Store and install it. --- ## ⚙️ Settings Description | Setting | Description | |---------|-------------| | **Theme** | Light / Dark / Follow system | | **Content** | Font, font size, line height, content width, panel font size | | **Enhanced Code Display** | Color scheme, code font/size, feature toggles, UI button colors | | **Language** | Chinese / English | | **Shortcuts** | View all keyboard shortcuts | --- ## 💻 Compatibility - ✅ Microsoft Edge (Chromium‑based) - ✅ Google Chrome - ✅ Supports local Markdown files via `file://` protocol - ✅ Supports remote Markdown files --- ## 📄 License MIT License --- ## 💬 Feedback and Support If you have ideas, suggestions, or have found a bug, feel free to send an email: 📧 **deboywang@126.com** > Using technology, we turn every ordinary Markdown document into a refined piece worth sharing.