Editor.md 是一个可嵌入的开源Markdown在线编辑器组件,你可以很方便用在浏览器、NW.js(Node-webkit)等地方,基于CodeMirror、jQuery和Marked构建。
主要特性支持“标准”Markdown和Github风格的语法,也可变身为代码编辑器;支持实时预览、图片(跨域)上传、预格式文本/代码/表格插入、代码折叠、搜索替换、只读模式、自定义样式主题和多语言语法高亮等功能;支持ToC(TableofContents)、Emoji表情、Tasklists、@链接等Markdown扩展语法;支持TeX科学公式(基于KaTeX)、流程图 Flowchart 和 时序图SequenceDiagram;支持识别和解析HTML标签,并且支持自定义过滤标签解析,具有可靠的安全性和几乎无限的扩展性;支持AMD/CMD模块化加载(支持 Require.js & Sea.js),并且支持自定义扩展插件;兼容主流的浏览器(IE8+)和Zepto.js,且支持iPad等平板设备;在线演示
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源文档等,可以不添加<textarea>,会自动添加;
javascript:
<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>Require.js的使用方法:https://git.oschina.net/pandao/editor.md/tree/master/examples/use-requirejs.html
Sea.js的使用方法:https://git.oschina.net/pandao/editor.md/tree/master/examples/use-seajs.html
依赖项目及感谢CodeMirrormarkedjQueryFontAwesomegithub-markdown.cssKaTeXprettify.jsRephael.jsflowchart.jssequence-diagram.jsPrefixes.scss更新日志查看更新日志
评论