Markdown 编辑器 Editor.md 使用

一、文档

1、Editor.md官网

1、Editor.md官网：http://editor.md.ipandao.com/examples/index.html
【Basic，自定义 Customs，Markdown Extras，Image Upload，事件处理 Events handle】 这些功能的Demo都在这个页面。

2、常用Demo

1、简单示例 Simple example http://editor.md.ipandao.com/examples/simple.html
2、完整示例 Full example http://editor.md.ipandao.com/examples/full.html
3、变化监听处理 Onchange event（一般用于给隐藏框赋值，然后把数据（html/markdown）提交到后台）
4、Demo查看

1、选择需要查看的示例，点击进去。
2、鼠标右键 -> 查看页面源代码。<script>里就有使用方法。

二、使用

1、实例化

1、引入css

<link rel="stylesheet" href=".../editormd/css/editormd.css" />

2、引入js（需要先引入jquery）

<script src=".../lib/jquery.js"></script>
<script src=".../editormd/editormd.min.js"></script>

3、定义html接收容器

<div id="markdown-editor">
	<textarea style="display:none;"></textarea>
</div>

4、实例化 Editor.md 对象。

mkEditorObject = editormd("markdown-editor", {
	width  : "100%",
	height : "530px",
	path   : ".../editormd/lib/",   //扩展的加载路径
});

2、常用方法

更多常用方法可查看 完整示例 Full example

mkEditorObject.getHTML()	//获取 html数据  
mkEditorObject.getMarkdown()//获取 markdown数据 
mkEditorObject.hide()		//隐藏Markdown富文本：
mkEditorObject.show()		//显示Markdown富文本：