简易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) 正文到此结束
热门推荐
相关文章
近期评论
-
你这基本没有更新呀，最近文章显示还是2019年的文章。不符合要求哈
-
关键词：慕云博客 链接：https://www.lilun.me 描述：分享原创文字的个人博客
-
-
-
可以提供一下源码吗
-
不是商业站，鸡娃学习笔记
-
-
-
-
听他们说很厉害的样子
Loading...
![[HBLOG]公众号](http://www.liuhaihua.cn/img/qrcode_gzh.jpg)
