SOURCE

var demo = "# MarkDown示例"
                   +"\n"
                   + "### Header 3"
                   + "\n"
                    + "> This is a blockquote.\n"
                    + ">\n "
                    + "> This is the second paragraph in the blockquote.\n"
                    + ">\n"
                    + "> ## This is an H2 in a blockquote";

        function markdemo(){
        
         $("#text_input").val(demo);
        }
        function html_2_md() {
            $('#result_input').val(toMarkdown($('#text_input').val()));
            $("#show_panel").hide();
        }
        function md_2_html() {
            var result = markdown.toHTML($('#text_input').val());
            $('#result_input').val(result);
            $("#show_panel").show();
            $("#show").html(result);
        }
        function empty() {
            $("#show_panel").hide();
            document.getElementById('text_input').value = '';
            document.getElementById('result_input').value = '';
            document.getElementById('text_input').focus();
           
        }

<div class="panel panel-default">
<div class="panel-heading">
<div class="media">
<div class="media-body">
<h4 class="media-heading">Html/MarkDown互转工具</h4>
<div id="desc1">Html/MarkDown互转工具</div>
</div>
</div>
</div>
<div class="panel-body">
<div class="panel panel-default">
<div class="panel-heading">
<div class="media">
<div class="media-body">
<h2 class="media-heading" style=" float:left">
Html/MarkDown互转工具</h2>
</div>
</div>
</div>
<div class="panel-body">
<div>
<p style="text-align: center;">
</p>
<div style="clear: both;">
</div>
</div>
<div>
<div class="linedwrap"><textarea id="text_input" name="json_input" onkeyup="" class="json_input" style="height: 200px; font-size: 11px !important; resize: both; width: 1078px; max-width: 1070px;" rows="32" spellcheck="false" placeholder="请输入要处理的字符串"></textarea></div>
</div>
<div class="validateButtons clear">
<div class="left" style="float: left">
<div class="btn-group" role="group" aria-label="...">
<button type="button" class="btn btn-primary" onclick="md_2_html();">
Markdown转Html</button>
<button type="button" class="btn btn-primary" onclick="html_2_md();">
Html转Markdown</button>
<button type="button" class="btn btn-primary" onclick="markdemo();">
来个Markdown</button>
<button type="button" class="btn btn-danger" onclick="empty()">
清空结果</button>
</div>
<div>
</div>
</div>
</div>
<div style="clear: both;">
</div>
<div class="top10">
<div class="linedwrap"><textarea id="result_input" name="json_input" class="json_input" style="height: 200px; font-size: 11px !important; resize: both; width: 1078px; max-width: 1070px;" rows="32" placeholder="这里显示处理后的字符串"></textarea></div>
</div>
<input type="hidden" id="encode" value="1">
<pre id="results" class="top10" style="display: none;"></pre>
</div>
</div>
<script src="/static/bejson/convert/markdown.min.js"></script>
<script src="/static/bejson/convert/to-markdown.js"></script>
<script type="text/javascript">
       
			</script>
</div>
<div class="panel-footer"></div>

*{ font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu }