照片在线编辑器(开源精选 | 一个可嵌入的Markdown在线编辑器)

开源精选是我们在Github、Gitee等开源社区分享优质项目的专栏,包括技术、学习、实用和各种有趣的内容。本期我们推荐一个可嵌入的Markdown在线编辑器-editor.md。


Editor.md是一个开源的、可嵌入的Markdown在线编辑器(组件),它基于CodeMirror、jQuery和Marked。



主要特点:

  • 支持通用Markdown/CommonMark和GFM (GitHub风味Markdown)风格的语法也可以改成代码编辑器;
  • 支持实时预览、图片(跨域)上传、预格式化文本/代码/表格插入、代码折叠、跳转行、搜索和替换、只读模式、自定义样式主题和多语言语法高亮显示。
  • 支持Markdown扩展语法如ToC(目录)、Emoji表情、任务列表、@ link等。
  • 支持TeX科学公式(基于KaTeX)、流程图和顺序图;
  • 支持识别解析HTML标签,支持自定义过滤标签和属性解析,安全可靠,可扩展性几乎无限;
  • 支持AMD/CMD模块化加载(支持Require.js & Sea.js),支持自定义扩展;
  • 兼容主流浏览器(IE8+)和Zepto.js,支持iPad等平板设备;
  • 安装:

  • 下载最新版本:https://github.com/pandao/editor.md/archive/master.zip
  • 或者通过NPM安装:NPM安装编辑器。md
  • 或者通过Bower installation:Bower install editor . MD。
  • 使用:

    & ltlink rel = & # 34样式表& # 34;href = & # 34editor MD/CSS/editor MD . CSS & # 34;/& gt; & lt;div id = & # 34测试编辑器& # 34;& gt & lt;textarea style = & # 34显示:无;"& gt# # #关于editor . MD * * editor . MD * *是一款开源、可嵌入的Markdown在线编辑器(组件),基于CodeMirror、jQuery和Marked。 & lt;/textarea & gt; & lt;/div & gt; & lt;脚本src = & # 34https://cdn.bootcss.com/jquery/1.11.3/jquery.min.js" & gt;& lt/script & gt; & lt;脚本src = & # 34editor MD/editor MD . min . js & # 34;& gt& lt/script & gt; & lt;脚本类型= & # 34;文本/JavaScript & # 34;& gt $(function(){ var editor = editor MD(& # 34;测试编辑器& # 34;,{ //宽度:& # 34;100%", //身高:& # 34;100%", 路径:& # 34;editor MD/lib/& # 34; }); }); & lt;/script & gt;示例:



    完整示例:

    照片在线编辑



    可以自己多看。

    开源地址:https://gitee.com/pandao/editor.md


    项目推荐和资源获取请私信作者。

    您可以还会对下面的文章感兴趣

    使用微信扫描二维码后

    点击右上角发送给好友