Editor.md* * 是一个可嵌入的开源 Markdown 在线编辑器组件，你可以很方便用在浏览器、NW.js（Node- webkit）等地方，基于CodeMirror、jQuery 和 Marked 构建。
在线演示
https://pandao.github.io/editor.md/examples/index.html
通过Github下载安装，或者通过bower安装：
bower install editor.md
HTML：
<link rel="stylesheet" href="../dist/css/editormd.css" /> <div id="test-editormd"> <textarea style="display:none;">###Hello world!</textarea> </div>
提示1：如果没有Markdown源内容或者通过Ajax异步加载Markdown源文档等，可以不添加，会自动添加；</p> <p>javascript:</p> <pre><code><script src="../lib/jquery.min.js"></script> <script src="../src/js/editormd.js"></script> <script type="text/javascript"> $(function() { var testEditor = editormd("test-editormd", { path : '../lib/' }); }); </script> </code></pre> <blockquote> <p>Require.js的使用方法：<a href="https://git.oschina.net/pandao/editor.md/tree/master/examples/use- requirejs.html">https://git.oschina.net/pandao/editor.md/tree/master/examples/use- requirejs.html</a></p> <p>Sea.js的使用方法：<a href="https://git.oschina.net/pandao/editor.md/tree/master/examples/use- seajs.html">https://git.oschina.net/pandao/editor.md/tree/master/examples/use- seajs.html</a></p> </blockquote> <h4></h4> <p><a href="https://git.oschina.net/pandao/editor.md#%E4%BE%9D%E8%B5%96%E9%A1%B9%E7%9B%AE%E5%8F%8A%E6%84%9F%E8%B0%A2"></a>依赖项目及感谢</p> <ul> <li><a href="http://codemirror.net/">CodeMirror</a></li> <li><a href="https://github.com/chjj/marked">marked</a></li> <li><a href="http://jquery.com/">jQuery</a></li> <li><a href="http://fontawesome.io/">FontAwesome</a></li> <li><a href="https://github.com/sindresorhus/github-markdown-css">github-markdown.css</a></li> <li><a href="http://khan.github.io/KaTeX/">KaTeX</a></li> <li><a href="http://code.google.com/p/google-code-prettify/">prettify.js</a></li> <li><a href="http://raphaeljs.com/">Rephael.js</a></li> <li><a href="http://adrai.github.io/flowchart.js/">flowchart.js</a></li> <li><a href="http://bramp.github.io/js-sequence-diagrams/">sequence-diagram.js</a></li> <li><a href="https://github.com/pandao/prefixes.scss">Prefixes.scss</a></li> </ul> <h4></h4> <p><a href="https://git.oschina.net/pandao/editor.md#%E6%9B%B4%E6%96%B0%E6%97%A5%E5%BF%97"></a>更新日志</p> <p><a href="https://git.oschina.net/pandao/editor.md/blob/master/CHANGE.md">查看更新日志</a></p> </p> </div> <hr> <div class="text-center"> <a type="button" class="btn btn-primary" href="https://pandao.github.io/editor.md/" rel="nofollow" target="_blank">软件首页</a> </div> </section> </div> <div class="col-md-4"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5812992211126268" crossorigin="anonymous"></script> <!-- 开源 --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5812992211126268" data-ad-slot="7280163337" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <hr> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5812992211126268" crossorigin="anonymous"></script> <!-- 开源 --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5812992211126268" data-ad-slot="7280163337" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </div> <footer class="es-footer"> <div class="copyright"> <div class="container"> Powered by <a href="http://www.codingdict.com/" target="_blank">CodingDict</a> ©2014-2020 <a class="mlm" href="http://www.codingdict.com/" target="_blank">编程字典</a> <a class="mlm" href="http://www.codingdict.com/courses">课程存档</a> <div class="mts"> 课程内容版权均归 <a href="http://www.codingdict.com/"> CodingDict </a> 所有 <a class="mlm" href="https://beian.miit.gov.cn/" target="_blank"> 京ICP备18030172号 </a> </div> </div> </div> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?30b336128641baa43b1404dd15891277"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script> <script>LA.init({id: "JpzbFo2d3IEdIRuU",ck: "JpzbFo2d3IEdIRuU"})</script> </footer> </div> </body> </html>
