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 源文档等,可以不添加 <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
本文由 jxxxy 创作,采用 知识共享署名4.0 国际许可协议进行许可。
本站文章除注明转载/出处外,均为本站原创或翻译,转载前请务必署名。