简易Markdownd编辑器
使用
预览MDEditor | MDEditor for Github
-
添加MDEditor.min.css样式
-
添加MDEditor.min.js并不是 ~~lib/MDEditor.js~~ 哦
-
添加编辑器初始节点
-
如果预加载长篇markdown文本必须嵌套<textarea>标签
<link rel="stylesheet" type="text/css" href="../themes/default/css/MDEditor.min.css"> <script type="text/javascript" src="../build/MDEditor.min.js"></script> <div id="mdeditor"> <textarea># 这里放markdown初始值 - id: 节点id - minheight: 初始化编辑器高度 - maxheight: 编辑器随着输入内容增多而变高,这个值是它的最大值 - value: 默认编辑器中显示markdown内容 </textarea> </div> <script type="text/javascript"> var mde = new MDEditor({ id:"#mdeditor", minheight:300, maxheight:600, value:"#多多少少的" }).load().input(function(evn,opts){ console.log("evn:",evn) console.log("opts:",opts) }) </script>
MDEditor初始化
-
id: 节点id
-
minheight: 初始化编辑器高度
-
maxheight: 编辑器随着输入内容增多而变高,这个值是它的最大值
-
value: 默认编辑器中显示markdown内容
load
加载编辑器
mde.load()
preview
默认展示预览界面
mde.preview()
input
输入事件,在编辑器里面输入内容就会执行input方法
mde.input(function(evn,opts){ console.log("evn:",evn) console.log("opts:",opts) })
getMD
获取markdown的字符串
mde.getMD() //=>返回markdown字符串
setMD
设置markdown的字符串
mde.setMD(val)
getHTML
获取生成的HTML
mde.getMD() //=>返回HTML字符串
setHTML
设置预览的HTML
mde.setHTML(val)
本文由用户 wb26 自行上传分享,仅供网友学习交流。所有权归原作者,若您的权利被侵害,请联系管理员。
转载本站原创文章,请注明出处,并保留原始链接、图片水印。
本站是一个以用户分享为主的开源技术平台,欢迎各类分享!