原Editor.md在线Markdown编辑器在项目中使用（一）

目录

1. 下载Editor.md

官方Git： https://gitee.com/pandao/editor.md

下载地址：https://github.com/pandao/editor.md/archive/master.zip

2. Editor.md后台编辑页面集成

<link rel="stylesheet" href="目录/editor.md/css/editormd.min.css" />
<div id="editor"> 
    <textarea style="display:none;">### Hello Editor.md !</textarea>
</div>
<script src="目录/jquery.min.js"></script>
<script src="目录/editor.md/editormd.min.js"></script>
<script type="text/javascript">
    $(function() {
        var editor = editormd("editor", { 
            path : "目录/editor.md/lib/"  
        });
    });
</script>

3. Markdown内容前台显示

<link rel="stylesheet" href="你的目录/editormd/css/editormd.preview.css" />
<div id="test-markdown-view"> 
    <textarea style="display:none;">
        //第一种方式，后台markdown内容输出
    </textarea>             
</div>
<script src="你的目录/jquery.min.js"></script>
<script src="你的目录/editormd/editormd.js"></script>
<script src="你的目录/editormd/lib/marked.min.js"></script>
<script src="你的目录/editormd/lib/prettify.min.js"></script>
<script type="text/javascript">
    $(function() {
      //第一种方式：markdown内容写在页面中
       // var testView = editormd.markdownToHTML("test-markdown-view");
        //第二中方式通过ajax读取ajax内容
       $.get("地址",function(response){
           var testView = editormd.markdownToHTML("test-markdown-view",{
               markdown:response.data
           });
       },"json");
       //第三种方式直接显示html，此种方式需要在数据库中保存html，具体如何使用我会在另一篇文章中说明
    }); 
</script>

4. 结束语

至此Editor.md在项目中集成已经完成。但是对Editor.md研究远没有结束，接下来我会继续写一些关于实际常用的功能和问题的文章，请大家继续关注！