Editor.md 介绍
Editor.md* * 是一个可嵌入的开源 Markdown 在线编辑器组件,你可以很方便用在浏览器、NW.js(Node-
webkit)等地方,基于CodeMirror、jQuery 和 Marked 构建。
- 支持“标准”Markdown和Github风格的语法,也可变身为代码编辑器;
- 支持实时预览、图片(跨域)上传、预格式文本/代码/表格插入、代码折叠、搜索替换、只读模式、自定义样式主题和多语言语法高亮等功能;
- 支持ToC(Table of Contents)、Emoji表情、Task lists、@链接等Markdown扩展语法;
- 支持TeX科学公式(基于KaTeX)、流程图 Flowchart 和 时序图 Sequence Diagram;
- 支持识别和解析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源文档等,可以不添加
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
- CodeMirror
- marked
- jQuery
- FontAwesome
- github-markdown.css
- KaTeX
- prettify.js
- Rephael.js
- flowchart.js
- sequence-diagram.js
- Prefixes.scss
Editor.md 官网
https://pandao.github.io/editor.md/
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。