markdown生成html不出效果,mdeditor: 简单markdown编辑器，同步预览html效果。不依赖任何插件，使用简单，原创，造轮子中。。。更新中。。。...

#mdeditor

演示地址

API

初始化实例(传入参数id)

var mdeditor = mdeditor({

id: 'wrap'

});

带参数完整配置项

var mdeditor = mdeditor({

id: '容器的id', // 必须的

name:'输入框name属性值',

placeholder: '与html5中的placeholder同义，兼容性也相同',

aTarget: '_blank' // a链接target属性值

});

初始化实例(不传参数)

用于一些只想单独用mdeditor的api的场景

比如要把一些markdown语法文本转义html内容

var mdeditor = mdeditor();

mdeditor.markdownToHtml('#要转义的markdown语法文本');

getHTML

获取markdown转义后的HTML代码

var mdeditor = mdeditor({

id: 'wrap'

});

mdeditor.getHTML();

getMarkdown

获取markdown内容

var mdeditor = mdeditor({

id: 'wrap'

});

mdeditor.getMarkdown();

setMarkdown

设置markdown内容

var mdeditor = mdeditor({

id: 'wrap'

});

mdeditor.setMarkdown('#markdown内容');

##更新日志

2016-1-22

增加table语法(见下方的语法支持效果图)

2016-01-19

增加压缩版

2016-01-14

更改解析方法，简化代码，提升解析速度。

2015-12-08

增加粗体语法

去掉a链接新窗口打开语法(为了和标准保持一致)，改为配置项配置，默认aTarget配置为'_blank'

优化部分正则匹配

2015-12-04

修复连续多个图片一起时不能正常解析的bug，图片改为用p标签包裹，img标签去掉block样式，改为默认行内样式，允许多个图片一行显示。

修改代码块的样式，改为黑色背景。(注意：整体的css样式自己可以随意修改，改成自己想要的。)

优化了部分正则表达式

添加对css代码(一行展示)的解析

2015-11-17

增加css代码的美化

2015-11-14

将所有匹配正则从私有变量中提取出来

修复列表和代码块无法识别的bug

修改代码块的样式

2015-11-13

增加设置输入框placeholder属性的配置项

增加设置输入框name属性的配置项

优化css代码

修复删除目录语法后，预览还显示目录的bug

完善无序列表的支持语法，包括(. - *)

优化代码块匹配，不加代码类别也可以匹配

优化无序列表和有序列表的匹配方法，采用原生的ul和ol标签包裹

2015-11-12

优化标题的匹配正则

新增TOC目录语法

2015-11-11

优化css样式代码

2015-11-10

增加获取HTML接口getHTML

增加获取markdown内容接口getMarkdown

增加设置markdown内容接口setMarkdown

解决行内代码中带html标签无法正常显示的bug

增加初始化实例的两种场景(传参和不传参数)

优化部分css样式代码

2015-11-09

增加a链接新窗口打开语法，见下方gif图演示

已支持语法

目录

标题

段落

链接

列表(无序列表，有序列表)

图片

行内代码

代码块

表格