当前位置: 首页 > 工具软件 > medium-editor > 使用案例 >

editor.md api

魏成济
2023-12-01

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

 

 类似资料:

相关阅读

相关文章

相关问答