1. 字节库首页
  2. 插件
  3. jQuery插件

Editor.md – 开源在线 Markdown编辑器

Editor.md是一款开源在线 Markdown 编辑器,是少有Markdown 的编辑器。

Snipaste_2020-03-15_21-58-38

主要特性

  • 支持“标准” Markdown / CommonMark 和 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 等平板设备;
  • 支持自定义主题样式;

官网

editor.md官网:https://pandao.github.io/editor.md/index.html

演示地址

https://pandao.github.io/editor.md/index.html

更多示例:http://editor.md.ipandao.com/examples/index.html

使用

<link rel="stylesheet" href="editormd/css/editormd.css" />
<div id="test-editor">
    <textarea style="display:none;">### 关于 Editor.md

**Editor.md** 是一款开源的、可嵌入的 Markdown 在线编辑器(组件),基于 CodeMirror、jQuery 和 Marked 构建。
    </textarea>
</div>
<script src="https://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
<script src="editormd/editormd.min.js"></script>
<script type="text/javascript">
    $(function() {
        var editor = editormd("test-editor", {
            // width  : "100%",
            // height : "100%",
            path   : "editormd/lib/"
        });
    });
</script>

下载

开源地址

GitHub仓库地址:https://github.com/pandao/editor.md

发表评论

电子邮件地址不会被公开。 必填项已用*标注

评论列表(4条)