Vditor 是一款瀏覽器端的 Markdown 編輯器（組件），支持所見即所得、即時渲染（類似 Typora）和分屏預覽模式。它使用 TypeScript 實現，支持原生 JavaScript、Vue、React 和 Angular。可以廣泛地套用於論壇社區、API 文檔、開發文檔、幫助文檔、Wiki、資訊文章等多種套用場景。
基本介紹
- 軟體名稱：Vditor
- 軟體平台：跨平台
- 上線時間：2019年2月11日
- 最近更新時間：2020年5月12日
- 軟體語言：JavaScript TypeScript HTML/CSS
- 開發商：B3log組織
- 軟體授權： MIT 開源協定
- 軟體版本：v3.2.3
- 軟體大小：約 62.4 KB
特性,編輯模式,所見即所得,即時渲染,分屏預覽,開發環境,授權,鳴謝,版本記錄,
特性
支持三種編輯模式：所見即所得（wysiwyg）、即時渲染（ir）、分屏預覽（sv）
支持大綱、數學公式、腦圖、圖表、流程圖、甘特圖、時序圖、五線譜、多媒體、語音閱讀、標端蘭凶題錨點、代碼高亮及複製、graphviz 渲染
實現 CommonMark 和 GFM 規範，可對 Markdown 進行格式化和語法樹查看，並支持 10+項 配置
工具列包含 36+ 項操作，除支持擴展外還可對每一項中的快捷鍵、提示、提示位置、圖示、點擊事件、類名、子工具列進行自定義
貼上 HTML 自動轉換為 Markdown，如貼上中包含外鏈圖片可通過指定接口上傳到伺服器
特性展示
編輯模式
所見即所得
所見即所得（肯道WYSIWYG）模式對不熟悉 Markdown 的用戶較為友好，對於熟旬估少悉 Markdown 的人來說，也可以無縫使用。
所見即所得模式
即時渲染
即時渲染（IR）模式對熟悉 Typora 的用戶應該少罪匪雅不會感到陌生。
即時渲染模式
分屏預覽
傳統的分屏預覽（SV）模式適良估盛艱合大屏下的 Markdown 編輯。
分屏預覽模式
開發環境
1. 安裝 node LTS 版本
2. 下載最新代碼並解壓
3. 根目錄運行 npm install
4. npm run start 啟動本地伺服器，打開 http://localhost:9000
5. 修改代碼格戲朵
6. npm run build 打包代碼到 dist 目錄
授權
Vditor 使用 MIT 開源協定。
鳴謝
Lute：🎼 一款結構化的 Markdown 引擎，支持 Go 和 JavaScript
highlight.js：用於在任何web頁面上著色顯示各種示例原始碼語法的JS項目
mermaid：用於畫流程圖、狀態圖、時序圖、甘端殃影特圖的庫
incubator-echarts：用於瀏覽器的功能強大的互動式圖表和可視化庫
abcjs：JavaScript庫，用於在瀏覽器中呈現標準音樂符號
版本記錄
v3.2.3 / 2020-05-09
v3.0.12 / 2020-04-06
v2.3.0 / 2020-03-12
v2.0.15 / 2020-01-11
v1.9.7 / 2019-11-11
v1.8.16 / 2019-10-08
v1.7.25 / 2019-08-29
v1.6.12 / 2019-08-04
v1.3.5 / 2019-05-04
v1.2.10 / 2019-04-04
v1.1.11 / 2019-03-21
v0.1.7 / 2019-02-11
第一次公開發布
v2.0.15 / 2020-01-11
v1.9.7 / 2019-11-11
v1.8.16 / 2019-10-08
v1.7.25 / 2019-08-29
v1.6.12 / 2019-08-04
v1.3.5 / 2019-05-04
v1.2.10 / 2019-04-04
v1.1.11 / 2019-03-21
v0.1.7 / 2019-02-11
第一次公開發布
