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();

```