简易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) 正文到此结束
热门推荐
相关文章
近期评论
-
文章和留言都翻到11页了 没有OOM
-
-
朋友，翻页到11页，及以后，会出现OOM，无法访问
-
-
搞个gitee的项目
-
-
版本号是多少，你可以下载哪个代码仓库，jdk选1.8 直接跑就行
-
-
-
Loading...
![[HBLOG]公众号](https://www.liuhaihua.cn/img/qrcode_gzh.jpg)
