一款騰訊開源 Markdown 編輯器，易擴(kuò)展、功能全！

Cherry Markdown Editor 是一款 Javascript Markdown 編輯器，具有開箱即用、輕量簡潔、易于擴(kuò)展等特點. 它可以運行在瀏覽器或服務(wù)端（NodeJs）。

開箱即用

開發(fā)者可以使用非常簡單的方式調(diào)用并實例化 Cherry Markdown 編輯器，實例化的編輯器默認(rèn)支持大部分常用的 markdown 語法（如標(biāo)題、目錄、流程圖、公式等）。

易于拓展

當(dāng) Cherry Markdown 編輯器支持的語法不滿足開發(fā)者需求時，可以快速的進(jìn)行二次開發(fā)或功能擴(kuò)展。同時，CherryMarkdown 編輯器應(yīng)該由純 JavaScript 實現(xiàn)，不應(yīng)該依賴 angular、vue、react 等框架技術(shù)，框架只提供容器環(huán)境即可。

特性

語法特性

• 圖片縮放、對齊、引用
• 根據(jù)表格內(nèi)容生成圖表
• 字體顏色、字體大小
• 字體背景顏色、上標(biāo)、下標(biāo)
• checklist
• 音視頻

多種模式

• 雙欄編輯預(yù)覽模式（支持同步滾動）
• 純預(yù)覽模式
• 無工具欄模式（極簡編輯模式）
• 移動端預(yù)覽模式

功能特性

• 復(fù)制 Html 粘貼成 MD 語法
• 經(jīng)典換行&常規(guī)換行
• 多光標(biāo)編輯
• 圖片尺寸
• 導(dǎo)出長圖、pdf
• float toolbar 在新行行首支持快速工具欄
• bubble toolbar 選中文字時聯(lián)想出快速工具欄

功能截圖

支持 Markdown 語法

表格支持

圖標(biāo)

多光標(biāo)批量編輯

安裝

通過 yarn

yarn add cherry-markdown

通過 npm

npm install cherry-markdown --save

如果需要開啟 mermaid 畫圖、表格自動轉(zhuǎn)圖表功能，需要同時添加mermaid 與echarts包。

目前Cherry推薦的插件版本為[email protected]、[email protected]

# 安裝mermaid依賴開啟mermaid畫圖功能
yarn add [email protected]
# 安裝echarts依賴開啟表格自動轉(zhuǎn)圖表功能
yarn add [email protected]

開源地址

https://github.com/Tencent/cherry-markdown