# nicejade/markdown-online-editor

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/nicejade-markdown-online-editor).**

3,703 stars · 569 forks · CSS · MIT

## Links

- GitHub: https://github.com/nicejade/markdown-online-editor
- Homepage: https://markdown.lovejade.cn
- awesome-repositories: https://awesome-repositories.com/repository/nicejade-markdown-online-editor.md

## Topics

`editor` `flowchart` `gantt-diagram` `markdown` `sequence-diagram` `to-do-list` `vditor` `vue`

## Description

This project is a Vditor-based markdown editor designed for online writing and formatting. It provides a visual editing environment featuring instant rendering and split-screen previews for authoring markdown content.

The editor includes specialized tools for generating slide-based presentations using structural separators and embedding technical diagrams, such as flowcharts, Gantt charts, and sequence diagrams. It also functions as a document converter, capable of transforming HTML into markdown and exporting files to PDF, Word, and image formats.

The system manages document state through local storage to prevent data loss and supports the import of local markdown files. It further includes syntax formatting utilities to ensure documents adhere to professional standards.

## Tags

### Content Management & Publishing

- [Markdown Editors](https://awesome-repositories.com/f/content-management-publishing/markdown-editors.md) — Provides a full-featured markdown editor with instant rendering and split-screen previews for document authoring.
- [Markdown Renderers](https://awesome-repositories.com/f/content-management-publishing/markdown-renderers.md) — Integrates the Vditor engine to render Markdown syntax into formatted HTML views.
- [Document Exporting](https://awesome-repositories.com/f/content-management-publishing/content-formats-exporting/export-formats/pdf-exports/document-exporting.md) — Enables the export of documents into various portable formats including PDF, Word, and images. ([source](https://cdn.jsdelivr.net/gh/nicejade/markdown-online-editor@master/README.md))
- [Document Format Conversions](https://awesome-repositories.com/f/content-management-publishing/document-format-conversions.md) — Facilitates the conversion between HTML and Markdown and the export of final documents to various formats.
- [HTML to Markdown Converters](https://awesome-repositories.com/f/content-management-publishing/html-to-markdown-converters.md) — Transforms pasted HTML web content into clean Markdown syntax for consistent formatting.
- [Diagram Renderers](https://awesome-repositories.com/f/content-management-publishing/markdown-renderers/diagram-renderers.md) — Renders specialized Markdown blocks into visual flowcharts, Gantt charts, and sequence diagrams.
- [Markdown to Document Converters](https://awesome-repositories.com/f/content-management-publishing/markdown-to-document-converters.md) — Transforms Markdown source into professional document formats like PDF, Word, and images.

### User Interface & Experience

- [Live-Rendering Markdown Editors](https://awesome-repositories.com/f/user-interface-experience/live-rendering-markdown-editors.md) — Provides a visual markdown editor featuring instant rendering and split-screen previews. ([source](https://cdn.jsdelivr.net/gh/nicejade/markdown-online-editor@master/README.md))
- [Markdown Presentation Generation](https://awesome-repositories.com/f/user-interface-experience/presentation-frameworks/web-based-presentation-authoring-tools/markdown-slide-renderers/markdown-presentation-generation.md) — Generates slide-based presentations from Markdown using structural separators to define content transitions. ([source](https://cdn.jsdelivr.net/gh/nicejade/markdown-online-editor@master/README.md))

### Business & Productivity Software

- [Local-First Document Managers](https://awesome-repositories.com/f/business-productivity-software/local-first-document-managers.md) — Provides local-first management of Markdown files, allowing users to maintain progress without a cloud account.
- [Visual Diagramming Tools](https://awesome-repositories.com/f/business-productivity-software/visual-diagramming-tools.md) — Implements visual diagramming of flowcharts and Gantt charts directly within the markdown document. ([source](https://cdn.jsdelivr.net/gh/nicejade/markdown-online-editor@master/README.md))

### Data & Databases

- [Client-Side Storage](https://awesome-repositories.com/f/data-databases/client-side-storage.md) — Persists document state and user progress in the browser to prevent data loss during editing sessions.
- [Local State Management](https://awesome-repositories.com/f/data-databases/local-state-management.md) — Manages document state through local browser storage and supports the import of local Markdown files. ([source](https://cdn.jsdelivr.net/gh/nicejade/markdown-online-editor@master/README.md))

### Development Tools & Productivity

- [Diagram Integrations](https://awesome-repositories.com/f/development-tools-productivity/markdown-documentation-systems/diagram-integrations.md) — Integrates the ability to embed flowcharts, Gantt charts, and sequence diagrams within Markdown files.

### Part of an Awesome List

- [Markdown 编辑器](https://awesome-repositories.com/f/awesome-lists/more/markdown.md) — Listed in the “Markdown 编辑器” section of the Great Open Source Project awesome list.