editor.md api

非常好用的一个开源的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() // 插入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 // 预览/退出预览

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值