歡迎使用?Arya?在線 Markdown 編輯器
Arya,是一款基于?Vue、Vditor,為未來而構(gòu)建的在線 Markdown 編輯器;輕量且強(qiáng)大:內(nèi)置粘貼 HTML 自動轉(zhuǎn)換為 Markdown,支持流程圖、甘特圖、時序圖、任務(wù)列表,可導(dǎo)出攜帶樣式的圖片、PDF、微信公眾號特制的 HTML 等等。
如何使用
微注:清空目前這份默認(rèn)文檔,即處于可使用態(tài)。Arya?另一大優(yōu)點在于:編輯內(nèi)容只會在您本地進(jìn)行保存,不會上傳您的數(shù)據(jù)至服務(wù)器,絕不窺測用戶個人隱私,可放心使用;Github 源碼:markdown-online-editor,部分功能仍在開發(fā)??,敬請期待。
默認(rèn)為所見即所得模式,可通過??-?-M(Ctrl-?-M)進(jìn)行切換;或通過以下方式:
所見即所得:?-?-7(Ctrl-alt-7);
即時渲染:?-?-8(Ctrl-alt-8);
分屏渲染:?-?-9(Ctrl-alt-9);
PPT 預(yù)覽
如果您用作?PPT?預(yù)覽(入口在設(shè)置中),需要注意,這里暫還不能支持各種圖表的渲染;您可以使用?---?來定義水平方向上幻燈片,用?--?來定義垂直幻燈片;更多設(shè)定可以參見?RevealJs 文檔。
什么是 Markdown
Markdown?是一種方便記憶、書寫的純文本標(biāo)記語言,用戶可以使用這些標(biāo)記符號,以最小的輸入代價,生成極富表現(xiàn)力的文檔:譬如您正在閱讀的這份文檔。它使用簡單的符號標(biāo)記不同的標(biāo)題,分割不同的段落,粗體、斜體?或者超文本鏈接,更棒的是,它還可以:
1. 制作待辦事宜?Todo?列表
??? 通常?Markdown?解析器自帶的基本功能;
??? 支持流程圖、甘特圖、時序圖、任務(wù)列表;
??? 支持粘貼 HTML 自動轉(zhuǎn)換為 Markdown;
????? 支持插入原生 Emoji、設(shè)置常用表情列表;
??? 支持編輯內(nèi)容保存本地存儲,防止意外丟失;
??? 支持實時預(yù)覽,主窗口大小拖拽,字符計數(shù);
??? 支持常用快捷鍵(Tab),及代碼塊添加復(fù)制
?? 支持導(dǎo)出攜帶樣式的 PDF、PNG、JPEG 等;
?? 升級 Vditor,新增對?echarts?圖表的支持;
??? 支持檢查并格式化 Markdown 語法,使其專業(yè);
??? 支持五線譜、及部分站點、視頻、音頻解析;
??? 增加對所見即所得編輯模式的支持(?-?-M);
2. 書寫一個質(zhì)能守恒公式[^LaTeX]
E=mc2
3. 高亮一段代碼[^code]
// 給頁面里所有的 DOM 元素添加一個 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)在思想簡單?;臼且粭l線條圖,橫軸表示時間,縱軸表示活動(項目),線條表示在整個期間上計劃和實際的活動完成情況。它直觀地表明任務(wù)計劃在什么時候進(jìn)行,及實際進(jìn)展與計劃要求的對比。
2019-06-232019-06-302019-07-072019-07-142019-07-212019-07-28需求分析可行性報告概念驗證概要設(shè)計詳細(xì)設(shè)計編碼測試發(fā)布驗收項目確定項目實施發(fā)布驗收項目開發(fā)流程
7. 支持圖表
備注:上述 echarts 圖表??,其數(shù)據(jù),須使用嚴(yán)格的?JSON?格式;您可使用 JSON.stringify(data),將對象傳換從而得標(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ì)語法說明
想要查看更詳細(xì)的語法說明,可以參考這份?Markdown 資源列表,涵蓋入門至進(jìn)階教程,以及資源、平臺等信息,能讓您對她有更深的認(rèn)知。
總而言之,不同于其它所見即所得的編輯器:你只需使用鍵盤專注于書寫文本內(nèi)容,就可以生成印刷級的排版格式,省卻在鍵盤和工具欄之間來回切換,調(diào)整內(nèi)容和格式的麻煩。Markdown 在流暢的書寫和印刷級的閱讀體驗之間找到了平衡。?目前它已經(jīng)成為世界上最大的技術(shù)分享網(wǎng)站?GitHub?和 技術(shù)問答網(wǎng)站?StackOverFlow?的御用書寫格式,而且越發(fā)流行,正在在向各行業(yè)滲透。