介绍

基于PageDown，Stack Overflow和其他Stack Exchange站点使用的Markdown库的功能齐全的开源Markdown编辑器，你可以有几种使用它的方式（可添加到桌面随时使用）：

1. 浏览器应用；
2. 浏览器插件；
3. Web方式；
4. 嵌入到任何网站；

Github地址

https://github.com/benweet/stackedit

相关特性

• 无与伦比的写作经验

Rich Markdown编辑器，StackEdit的Markdown语法突出显示是唯一的。编辑器的精炼文本格式可帮助可视化文件的最终呈现。

• 所见即所得控件

PageDown是Stack Overflow使用的WYSIWYG样式Markdown编辑器，它提供了非常方便的格式化按钮和快捷方式。

• 智能布局

无论您撰写，预览，评论……StackEdit的布局都为提供了所需的灵活性，而丝毫没有浪费。

• 使用Scroll Sync进行实时预览

StackEdit的Scroll Sync功能可准确绑定编辑器面板和预览面板的滚动条，以确保您在编写时可以实时预览

• 同步功能

StackEdit可以将您的文件与Google Drive，Dropbox和GitHub同步。它还可以将它们作为博客文章发布到Blogger，WordPress和Zendesk。可以选择是以Markdown格式，HTML上传还是使用Handlebars模板引擎格式化输出格式。

• 离线使用

可以像任何桌面应用程序一样离线写作

扩展支持

• GitHub风格Markdown

StackEdit支持不同的Markdown版本，例如Markdown Extra，GFM和CommonMark。每个Markdown功能都可以在您方便时启用或禁用。

• LaTeX数学表达式

就像在Stack Exchange上一样，StackEdit可以从Markdown文件中渲染LaTeX数学表达式。

• UML图

StackEdit使您可以使用简单的语法编写顺序图和流程图。

• 乐谱

StackEdit可以使用ABC表示法来呈现乐谱。

• 表情符号

StackEdit支持使用Markdown表情符号

如何自己构建

• 首先你得从Github网站上clone下源代码，前提是你已经安装过git，当然未曾安装倒不如直接下载项目源代码，一般clone比较慢：

git clone https://github.com/benweet/stackedit.git

• 自己构建

# 安装依赖

npm install

#或者笔者习惯使用

yarn

# 启动项目

npm start

# 构建生产环境包

npm run build

总结

StackEdit是诸多Markdown编辑器中不可多得的一款精品应用，它是一个很棒的写作工具，它不仅提供功能还提供服务，是目前最适用于写作的Markdown编辑器，欢迎尝试体验！