写作伙伴,精品开源Markdown编辑器——StackEdit

2019-12-22   最美分享Coder

介绍

基于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编辑器,欢迎尝试体验!