非常好用的一个开源的markdown编辑器(http://editor.md.ipandao.com/),但是在用的时候,居然一直没有找到完整的 api 文档... 各种配置不详细说,都可以查到,只记录使用过程中使用到的api。
init之后配置更新
.config() // 单个更改可以写成 .config('xxx' , xxx) , 多个可以传一个对象
取值
getValue() // 取值getMarkdown() // 获取 Markdown 源码getHTML(); // 获取 Textarea 保存的 HTML 源码getPreviewedHTML(); // 获取预览窗口里的 HTML,在开启 watch 且没有开启 saveHTMLToTextarea 时使用preview.html() // 获取预览区的html
设置值
setValue()appendMarkdown() // 插入MarkdownsetMarkdown() // 设置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') // 替换选中文本为xxxinsertValue('xxx') // 在光标出插入文本xxx
全屏
fullscreen() // 全屏预览
内置事件
onload // 图片上传完成onwatch/onunwatch // 打开预览/关闭预览onchange // 内容变化onscroll // 滚动onpreviewscroll // 预览时滚动onfullscreen/onfullscreenExit // 全屏/退出全屏onresize // 尺寸变化onpreviewing/onpreviewed // 预览/退出预览