markdown在线编辑插件mditor

官方地址 https://bh-lay.github.io/mditor/

 

##使用方法

#1.页面添加dom

```javascript

<textarea id="md_editor">……</textarea>

```

#2.引入js文件或者Npm安装后require

```javascript

<script type="text/javascript" src="src/jquery.js"></script> <script type="text/javascript" src="src/mditor.js"></script> <script type="text/javascript">  //获取textarea dom对象  var ele_textarea = document.getElementById('md_editor');  //实例化Mditor  var editor = new mditor(ele_textarea); </script>

```

#3.高级操作

• 实例化midtor时，可以传入自定义参数

　　```javascript

　　var editor = new mditor(document.getElementById('md_editor'),{

　　//自定义显示class

　　previewclass:'md_test'

})

```

• 通过js操作实例化后的midtor

　　//获取html

　　```javascript

　　editor.getHtml()

　　```

　　//获取markdown

```javascript

　　editor.getContent()

```

　　//插入内容

```javascript

　　editor.inset('插入inner');

```

　　//进入预览

```javascript

　　editor.preview();

```

　　//返回编辑界面

```javascript

　　editor.edit();

```

转载于:https://www.cnblogs.com/cbp-jltx/p/9197482.html