以下是它的一些主要功能：

語法功能圖片縮放、對(duì)齊和引用根據(jù)表格內(nèi)容生成圖表調(diào)整字體顏色和大小字體背景色、上標(biāo)和下標(biāo)插入清單插入音頻或視頻多種模式滾動(dòng)同步實(shí)時(shí)預(yù)覽純預(yù)覽模式無工具欄模式（極簡(jiǎn)編輯模式）移動(dòng)預(yù)覽模式功能特性從富文本復(fù)制并粘貼為Markdown文本經(jīng)典換行和普通換行多光標(biāo)編輯圖片大小編輯導(dǎo)出為圖片或PDF浮動(dòng)工具欄：在新行開始時(shí)出現(xiàn)氣泡工具欄：在選擇文本時(shí)出現(xiàn)

目前在Github上面收獲了3.2K star！

性能特色

部分渲染：僅對(duì)需要更新的部分進(jìn)行渲染，提升性能。部分更新：僅對(duì)變化的部分進(jìn)行更新，避免全局重繪。多模式支持：包括實(shí)時(shí)預(yù)覽、純預(yù)覽模式、無工具欄模式和移動(dòng)預(yù)覽模式，滿足不同場(chǎng)景需求。功能豐富：支持從富文本復(fù)制并粘貼為Markdown文本，多光標(biāo)編輯，圖片大小調(diào)整，導(dǎo)出為圖片或PDF等。內(nèi)置安全鉤子：通過過濾白名單和DomPurify進(jìn)行掃描過濾。

快速安裝使用

現(xiàn)在，讓我們來看看如何快速上手使用Cherry Markdown。首先，我們需要通過npm或yarn安裝它：

npm?install?cherry-markdown?--save#?或者使用?yarnyarn?add?cherry-markdown

如果需要啟用mermaid繪圖和表格轉(zhuǎn)圖功能，還需要額外安裝mermaid和echarts：

#?安裝?mermaidyarn?add?mermaid@9.4.3#?安裝?echartsyarn?add?echarts@4.6.0

安裝完成后，我們可以在HTML頁面中引入并初始化Cherry Markdown

這樣，我們就可以在網(wǎng)頁中看到一個(gè)功能齊全的Markdown編輯器了！

項(xiàng)目體驗(yàn)展示

來看看官方提供的一些示例吧，展示了Cherry Markdown在不同場(chǎng)景下的應(yīng)用。

完整模式

基礎(chǔ)模式

移動(dòng)端預(yù)覽

無工具欄模式

Cherry Markdown 提供了豐富的功能和靈活的擴(kuò)展性，使得我們可以根據(jù)自己的需求定制編輯器的功能和樣式。這里展示一些其特色功能：

圖片縮放、對(duì)齊與引用字體顏色、字體大小、對(duì)齊方式靈活調(diào)整復(fù)制Html粘貼成MD語法多光標(biāo)編輯，實(shí)現(xiàn)批量修改

draw.io畫圖

局部更新

還有很多...

總的來說，Cherry Markdown作為一款由騰訊推出的開源Markdown編輯器，不僅功能強(qiáng)大、性能優(yōu)越，而且使用起來非常簡(jiǎn)單。無論是技術(shù)文檔編寫，還是博客寫作，甚至是嵌入到自己的應(yīng)用中，都是一個(gè)不錯(cuò)的選擇。

更多細(xì)節(jié)功能，感興趣的可以到項(xiàng)目地址查看：

項(xiàng)目地址：https://github.com/Tencent/cherry-markdown