超好用的前端开源 Markdown编辑器 赶紧收藏起来

在编写一些博客类的网站时,常常需要用到一些markdown编辑器。下面是是我收集的一些开源的前端markdown编辑器项目。

一、Editor

项目链接:https://github.com/lepture/editor

介绍:不是所见即所得的编辑器,它是纯文本markdown编辑器。

体验地址:https://lab.lepture.com/editor/

超好用的前端开源 Markdown编辑器 赶紧收藏起来_第1张图片

二、tui.editor

项目链接:https://github.com/nhn/tui.editor

介绍:Markdown所见即所得编辑器-高效且可扩展。使用MIT开源协议。

官方网站:https://ui.toast.com/tui-editor/

API:https://nhn.github.io/tui.editor/latest/

超好用的前端开源 Markdown编辑器 赶紧收藏起来_第2张图片

三、editor.md

项目链接:https://github.com/pandao/editor.md

介绍:基于CodeMirror&jQuery&Marked的开源可嵌入在线markdown编辑器(组件)。实时预览,图像(跨域)上载,预格式化的文本/代码块/表格插入,代码折叠,搜索替换,只读,主题,多语言,L18n,HTML实体,代码语法突出显示。使用MIT开源协议。

体验以及官网:http://editor.md.ipandao.com/

超好用的前端开源 Markdown编辑器 赶紧收藏起来_第3张图片

四、markdown-here

项目地址:https://github.com/adam-p/markdown-here

介绍:支持编写电子邮件。

官网以及体验地址:https://markdown-here.com/

超好用的前端开源 Markdown编辑器 赶紧收藏起来_第4张图片

五、Stackedit

项目地址:https://github.com/benweet/stackedit

介绍:基于PageDown,Stack Overflow和其他Stack Exchange站点使用的Markdown库的功能齐全的开源Markdown编辑器。

体验地址:https://stackedit.io/app#

超好用的前端开源 Markdown编辑器 赶紧收藏起来_第5张图片

六、markdown-it

项目地址:https://github.com/markdown-it/markdown-it

介绍:快速且易于扩展。可配置语法!您可以添加新规则,甚至替换现有规则。

体验地址:https://markdown-it.github.io/

超好用的前端开源 Markdown编辑器 赶紧收藏起来_第6张图片

你可能感兴趣的:(学习笔记)