Editor.md Markdown 编辑器开源项目

我要开发同款
匿名用户2015年02月06日
324阅读

技术信息

开源地址
https://pandao.github.io/editor.md/
授权协议
MIT

作品详情

Editor.md 是一个可嵌入的开源Markdow在线编辑器组件,你可以很方便用在浏览器、NW.js(Node-webkit)等地方,基于CodeMirror、jQuery和Marked构建。

主要特性支持“标准”Markdow和Github风格的语法,也可变身为代码编辑器;支持实时预览、图片(跨域)上传、预格式文本/代码/表格插入、代码折叠、搜索替换、只读模式、自定义样式主题和多语言语法高亮等功能;支持ToC(TableofCotets)、Emoji表情、Tasklists、@链接等Markdow扩展语法;支持TeX科学公式(基于KaTeX)、流程图 Flowchart 和 时序图SequeceDiagram;支持识别和解析HTML标签,并且支持自定义过滤标签解析,具有可靠的安全性和几乎无限的扩展性;支持AMD/CMD模块化加载(支持 Require.js & Sea.js),并且支持自定义扩展插件;兼容主流的浏览器(IE8+)和Zepto.js,且支持iPad等平板设备;

在线演示

https://padao.github.io/editor.md/examples/idex.html

下载和安装

通过Github下载安装,或者通过bower安装:

bower istall editor.md使用方法

HTML:

<lik rel="stylesheet" href="../dist/css/editormd.css" /><div id="test-editormd">    <textarea style="display:oe;">###Hello world!</textarea></div>

提示1:如果没有Markdow源内容或者通过Ajax异步加载Markdow源文档等,可以不添加<textarea>,会自动添加;

javascript:

<script src="../lib/jquery.mi.js"></script><script src="../src/js/editormd.js"></script><script type="text/javascript">    $(fuctio() {        var testEditor = editormd("test-editormd", {            path : '../lib/'        });    });</script>

Require.js的使用方法:https://git.oschia.et/padao/editor.md/tree/master/examples/use-requirejs.html

Sea.js的使用方法:https://git.oschia.et/padao/editor.md/tree/master/examples/use-seajs.html

依赖项目及感谢

CodeMirrormarkedjQueryFotAwesomegithub-markdow.cssKaTeXprettify.jsRephael.jsflowchart.jssequece-diagram.jsPrefixes.scss

更新日志

查看更新日志

功能介绍

Editor.md 是一个可嵌入的开源 Markdown 在线编辑器组件,你可以很方便用在浏览器、NW.js(Node-webkit)等地方,基于CodeMirror、jQuery 和 Mark...

示例图片

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论