mdeditor

原创markdown编辑器,基于textarea,同步预览html,不依赖任何插件,支持自定义语法,压缩版7k,使用简单。

解析耗时:10ms
配置项

id

编辑器载入容器的id

值类型:string

默认值:

name

指定编辑器textarea的name属性值

值类型:string

默认值:

placeholder

指定编辑器textarea的placeholder属性值

值类型:string

默认值:

aTarget

指定a链接的target属性值

值类型:string

默认值:_blank

可选值:_blank,_self

静态方法

addGrammar(object|array)

添加自定义语法(已提供示例mdeditor.grammer.iframe.js即插入iframe的私有语法)

参数:对象或对象数组

  • [{
  • reg:/^$/, // 匹配语法的正则表达式
  • handle:function(rows,i,grammar){}// 将匹配的行转化为html代码。 参数说明 rows:所有行,i:满足匹配的行(即rows[i])的开始位置,grammar:当前grammar配置。
  • }]
handle返回值
  • {
  • html:[], // 转化后的html都放在数组中
  • index:i // 返回语法有效的rows的截止index
  • }

返回:mdeditor

实例方法

getHTML

获取textarea内的markdown内容转义后的html代码

参数:

返回:string(html代码)

getMarkdown

获取textarea内的markdown内容转义后的html代码

参数:

返回:string(markdown语法文本)

setMarkdown

将传入的markdown内容转义成html代码并返回,如果初始化id不为空,则向编辑器输入框添加markdown内容

参数:

  • markdown

    markdown语法文本

返回:string(html代码)