markdown在线编辑插件mditor

时间:2023-03-08 20:17:32

官方地址 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();

```