Modern MD Editor
A modern Markdown editor designed for the ultimate writing experience and "one-click copying into public account format". The interface is exquisite, the experience is smooth, and WYSIWYG preview and copying helps you efficiently create elegant content.
#WYSIWYG Preview and Editing - ** Added editable mode **: Click "What you see is what you get (editable)" in the "View Switch" at the top to enter rich text editing; click again to switch back to "Editor" or "Edit + Preview". - ** Rendering and synchronization **: Based on Milkdown (preset-common mark + preset-gfm) and Prism highlighting, and synchronized bi-directionally with Markdown text. - **Mermaid/table compatibility **: Supports Mermaid node views; compatible processing of back quotes inside tables in a few scenarios to ensure compatibility between display and copy. - ** Theme consistency **: Maintain consistency with theme, code style, and typography system. - ** Multi-terminal preview **: Preview viewports to switch with one click: desktop/tablet/mobile phone. #Copy it to public account/social platform format with one click - ** Inline style injection **: Automatically inject inline styles such as font, size, line height, kerning, and color matching. - ** Thematic adaptation **: Enhance the details of titles, lists, quotes, codes, tables, etc. - ** clipboard compatibility **: Modern Clipboard APIs take precedence and automatically downgrade when failing to enhance compatibility. #Powerful theme and typography system - ** Color theme **: Supports real-time preview and persistence of custom theme colors. - ** Code Style **: One-stop application of background/font/highlight variables. - ** Typography theme system **: CSS variables such as layout, spacing, rounded corners, and shadows can be matched. #Adjustable fonts and reading experience - ** Font settings **: Font family, font size, line height, and word spacing can be adjusted intuitively in the settings panel. #Modern Front-End Architecture - ** Technology Stack **: Based on Vue 3 + Vite 5 + CodeMirror 6. - ** Performance and Engineering **: Theme preloading (avoiding FOUC), performance anti-shake and caching, modular and scalable design.
