歡迎使用?Arya?在線 Markdown 編輯器
Arya框杜,是一款基于?Vue啼县、Vditor庶喜,為未來(lái)而構(gòu)建的在線 Markdown 編輯器侈贷;輕量且強(qiáng)大:內(nèi)置粘貼 HTML 自動(dòng)轉(zhuǎn)換為 Markdown啊胶,支持流程圖、甘特圖待秃、時(shí)序圖遗遵、任務(wù)列表,可導(dǎo)出攜帶樣式的圖片境氢、PDF蟀拷、微信公眾號(hào)特制的 HTML 等等。
如何使用
微注:清空目前這份默認(rèn)文檔萍聊,即處于可使用態(tài)问芬。Arya?另一大優(yōu)點(diǎn)在于:編輯內(nèi)容只會(huì)在您本地進(jìn)行保存,不會(huì)上傳您的數(shù)據(jù)至服務(wù)器脐区,絕不窺測(cè)用戶個(gè)人隱私愈诚,可放心使用;Github 源碼:markdown-online-editor牛隅,部分功能仍在開(kāi)發(fā)??炕柔,敬請(qǐng)期待。
默認(rèn)為所見(jiàn)即所得模式媒佣,可通過(guò)??-?-M(Ctrl-?-M)進(jìn)行切換匕累;或通過(guò)以下方式:
所見(jiàn)即所得:?-?-7(Ctrl-alt-7);
即時(shí)渲染:?-?-8(Ctrl-alt-8)默伍;
分屏渲染:?-?-9(Ctrl-alt-9)欢嘿;
PPT 預(yù)覽
如果您用作?PPT?預(yù)覽(入口在設(shè)置中),需要注意也糊,這里暫還不能支持各種圖表的渲染炼蹦;您可以使用?---?來(lái)定義水平方向上幻燈片,用?--?來(lái)定義垂直幻燈片狸剃;更多設(shè)定可以參見(jiàn)?RevealJs 文檔掐隐。
什么是 Markdown
Markdown?是一種方便記憶、書(shū)寫(xiě)的純文本標(biāo)記語(yǔ)言钞馁,用戶可以使用這些標(biāo)記符號(hào)虑省,以最小的輸入代價(jià),生成極富表現(xiàn)力的文檔:譬如您正在閱讀的這份文檔僧凰。它使用簡(jiǎn)單的符號(hào)標(biāo)記不同的標(biāo)題探颈,分割不同的段落,粗體训措、斜體?或者超文本鏈接伪节,更棒的是光羞,它還可以:
1. 制作待辦事宜?Todo?列表
??? 通常?Markdown?解析器自帶的基本功能;
??? 支持流程圖架馋、甘特圖狞山、時(shí)序圖全闷、任務(wù)列表叉寂;
??? 支持粘貼 HTML 自動(dòng)轉(zhuǎn)換為 Markdown;
????? 支持插入原生 Emoji总珠、設(shè)置常用表情列表屏鳍;
??? 支持編輯內(nèi)容保存本地存儲(chǔ),防止意外丟失局服;
??? 支持實(shí)時(shí)預(yù)覽钓瞭,主窗口大小拖拽,字符計(jì)數(shù)淫奔;
??? 支持常用快捷鍵(Tab)山涡,及代碼塊添加復(fù)制
?? 支持導(dǎo)出攜帶樣式的 PDF、PNG唆迁、JPEG 等鸭丛;
?? 升級(jí) Vditor,新增對(duì)?echarts?圖表的支持唐责;
??? 支持檢查并格式化 Markdown 語(yǔ)法鳞溉,使其專業(yè);
??? 支持五線譜鼠哥、及部分站點(diǎn)熟菲、視頻、音頻解析朴恳;
??? 增加對(duì)所見(jiàn)即所得編輯模式的支持(?-?-M)抄罕;
2. 書(shū)寫(xiě)一個(gè)質(zhì)能守恒公式[^LaTeX]
E=mc2
3. 高亮一段代碼[^code]
// 給頁(yè)面里所有的 DOM 元素添加一個(gè) 1px 的描邊(outline);[].forEach.call($$("*"),function(a){? a.style.outline="1px solid #"+(~~(Math.random()*(1<<24))).toString(16);})
4. 高效繪制流程圖
ABCD
5. 高效繪制序列圖
AliceBobJohnHello John, how are you?Fight against hypochondrialoop[Healthcheck]Rational thoughtsprevail...Great!How about you?Jolly good!AliceBobJohn
6. 高效繪制甘特圖
甘特圖內(nèi)在思想簡(jiǎn)單∮谟保基本是一條線條圖呆贿,橫軸表示時(shí)間,縱軸表示活動(dòng)(項(xiàng)目)恍飘,線條表示在整個(gè)期間上計(jì)劃和實(shí)際的活動(dòng)完成情況榨崩。它直觀地表明任務(wù)計(jì)劃在什么時(shí)候進(jìn)行,及實(shí)際進(jìn)展與計(jì)劃要求的對(duì)比章母。
2019-06-232019-06-302019-07-072019-07-142019-07-212019-07-28需求分析可行性報(bào)告概念驗(yàn)證概要設(shè)計(jì)詳細(xì)設(shè)計(jì)編碼測(cè)試發(fā)布驗(yàn)收項(xiàng)目確定項(xiàng)目實(shí)施發(fā)布驗(yàn)收項(xiàng)目開(kāi)發(fā)流程
7. 支持圖表
備注:上述 echarts 圖表??母蛛,其數(shù)據(jù),須使用嚴(yán)格的?JSON?格式乳怎;您可使用 JSON.stringify(data)彩郊,將對(duì)象傳換從而得標(biāo)準(zhǔn)數(shù)據(jù)前弯,即可正常使用。
8. 繪制表格
作品名稱在線地址上線日期
傾城之鏈https://nicelinks.site2017-09-20
晚晴幽草軒https://jeffjade.com2014-09-20
靜軒之別苑http://quickapp.lovejade.cn2019-01-12
9. 更詳細(xì)語(yǔ)法說(shuō)明
想要查看更詳細(xì)的語(yǔ)法說(shuō)明秫逝,可以參考這份?Markdown 資源列表恕出,涵蓋入門(mén)至進(jìn)階教程,以及資源违帆、平臺(tái)等信息浙巫,能讓您對(duì)她有更深的認(rèn)知。
總而言之刷后,不同于其它所見(jiàn)即所得的編輯器:你只需使用鍵盤(pán)專注于書(shū)寫(xiě)文本內(nèi)容的畴,就可以生成印刷級(jí)的排版格式,省卻在鍵盤(pán)和工具欄之間來(lái)回切換尝胆,調(diào)整內(nèi)容和格式的麻煩丧裁。Markdown 在流暢的書(shū)寫(xiě)和印刷級(jí)的閱讀體驗(yàn)之間找到了平衡。?目前它已經(jīng)成為世界上最大的技術(shù)分享網(wǎng)站?GitHub?和 技術(shù)問(wèn)答網(wǎng)站?StackOverFlow?的御用書(shū)寫(xiě)格式含衔,而且越發(fā)流行煎娇,正在在向各行業(yè)滲透。