2021-07-22

歡迎使用?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è)滲透。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 常用命令 看文件大小 du -h --max-depth=1 定時任務(wù):*/1 * * * * cp -r /ho...
    威猛的小老虎i閱讀 357評論 0 0
  • 有需要文案翻譯的老板嗎,可以消除您的煩惱,歡迎各位老板直接點擊鏈接購買我的技能!我可以完成各類文章的翻譯,涉及的領(lǐng)...
    難懂丶閱讀 114評論 0 0
  • >> 原文鏈接[https://nojsja.gitee.io/blogs/2019/06/12/Ubuntu18...
    nojsja閱讀 7,633評論 6 54
  • 2019 9月 [工具] TreeJS 在線編輯器: https://threejs.org/editor/[ht...
    halber閱讀 2,257評論 0 2
  • 用到的組件 1、通過CocoaPods安裝 2、第三方類庫安裝 3、第三方服務(wù) 友盟社會化分享組件 友盟用戶反饋 ...
    SunnyLeong閱讀 15,192評論 1 180

友情鏈接更多精彩內(nèi)容