Editor.md Markdown 编辑器开源项目

我要开发同款
匿名用户2015年02月06日
27阅读
开发技术JavaScript
所属分类可视化HTML编辑器、Web应用开发、Markdown开发包
授权协议MIT

作品详情

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

更新日志

查看更新日志

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

评论