筆記：editor.md 經常使用 api

editor.md 開源在線 Markdown 編輯器

很是好用的一個開源的markdown編輯器，可是在用的時候，竟然一直沒有找到完整的 api 文檔...
各類配置不詳細說，均可以查到，只記錄使用過程當中使用到的api。

init以後配置更新

• .config() // 單個更改能夠寫成 .config('xxx' , xxx) , 多個能夠傳一個對象

取值

• getValue() // 取值
• getMarkdown() // 獲取 Markdown 源碼
• getHTML(); // 獲取 Textarea 保存的 HTML 源碼
• getPreviewedHTML(); // 獲取預覽窗口裏的 HTML，在開啓 watch 且沒有開啓 saveHTMLToTextarea 時使用
• preview.html() // 獲取預覽區的html

設置值

• setValue()
• appendMarkdown() // 插入Markdown
• setMarkdown() // 設置markdown內容

預覽

• watch() // 開啓預覽
• unwatch() // 關閉預覽

顯示隱藏

• show()/hide() // 由於基於jQuery 能夠直接使用

工具條

• showToolbar()/hideToolbar() // 顯示隱藏工具條
• setToolbarAutoFixed() // true/false 設置工具條固定

跳轉到指定行數

• gotoLine(num)
• gotoLine('first') // 回到第一行
• gotoLine('last') // 調到最後一行

設置主題

• setTheme() // 工具條主題
• setCodeMirrorTheme() // markdown編輯區主題
• setPreviewTheme() // 預覽區主題
• 編輯器主題能夠看官網 demo

光標位置

• setCursor() // {line:1, ch:2} 設置光標位置
• getCursor() // 獲取當前光標位置
• setSelection() // {line:1, ch:0}, {line:5, ch:100} 設置選中文本
• getSelection() // 獲取選中文本內容
• replaceSelection('xxx') // 替換選中文本爲xxx
• insertValue('xxx') // 在光標出插入文本xxx

全屏

• fullscreen() // 全屏預覽

內置事件

• onload // 圖片上傳完成
• onwatch/onunwatch // 打開預覽/關閉預覽
• onchange // 內容變化
• onscroll // 滾動
• onpreviewscroll // 預覽時滾動
• onfullscreen/onfullscreenExit // 全屏/退出全屏
• onresize // 尺寸變化
• onpreviewing/onpreviewed // 預覽/退出預覽

有一些可能api，沒有用到，根據詞面意思總結，只作參考
還有好多，editor.md 功能很全，自定義也很豐富，等有時間在回來完善