使用Atom打造无懈可击的Markdown编辑器
文章目录
- 1 安装Atom
- 2 增强预览功能(markdown-preview)
- 3 同步滚动（markdown-scroll-sync）
- 4 代码增强（language-markdown）
- 5 图片黏贴（markdown-image-paste）
- 5 表格编辑 (markdown-table-editor)
- 7 pdf 导出 （markdown-themeable-pdf 、pdf-view）
- 总结
1 安装Atom
下载安装 Atom
2 增强预览功能(markdown-preview)
Atom自带的Markdown预览插件markdown-preview功能比较简单，markdown-preview-plus对其做了功能扩展和增强。
- 支持预览实时渲染。(Ctrl + Shift + M)
- 支持Latex公式。(Ctrl + Shift + X)
使用该插件前，需要禁用markdown-preview
3 同步滚动（markdown-scroll-sync）
可以让预览窗口和编辑窗口同步滚动
4 代码增强（language-markdown）
开起来可以是代码的自动补全, 例如，在写java代码的时候。
5 图片黏贴（markdown-image-paste）
非常重要的功能，直接决定是否选用该款markdown编辑器的一个依据。
- 使用截图工具将图片复制到系统剪贴板中。
- 在Markdown新起一行输入文件名。
- Ctrl + V 会自动把图片保存到Markdown文件相同目录下（因此要求Markdown文件应该先保存），并命名为刚输入的文件名，同时在刚才输入文件名行处生成img标签。
当然，如果想插入gif动图就不能这么简单了，还是老老实实地下载这个工具手工插入吧。
LICEcap: http://www.cockos.com/licecap/
5 表格编辑 (markdown-table-editor)
增强其默认的表格编辑能力，可以让编辑表格的效率更高。
7 pdf 导出 （markdown-themeable-pdf 、pdf-view）
有些工具导出pdf都是收费的，而这个是免费的。
由于GFW的问题，导致该插件使用的phantomjs模块无法安装成功，从而导出pdf报告错误。
解决办法是：
- 从官网下载phantomjs二进制安装包：http://phantomjs.org/download.html
- 解压下载的phantomjs-2.1.1-macosx.zip压缩文件。
- 添加index.js文件到解压后的目录。
- 将整个目录的内容拷贝到：~/.atom/packages/markdown-themeable-pdf/node_modules/phantomjs-prebuilt，注意目录phantomjs-2.1.1-macosx被重命名为phantomjs-prebuilt
- 重启Atom，右键->Markdown to PDF即可，生成的pdf文件在Markdown文件同目录。
其中index.js文件内容为：
module.exports = {path : __dirname + '/bin/phantomjs'
}
总结
以上介绍的Atom的Markdown插件，基本上满足了我对一个Markdown编辑器的所有幻想，实时渲染、同步滚动，公式、代码、图片、表格的快捷操作与支持，以及pdf文件导出、预览等。希望此文对你有所帮助。
使用Atom打造无懈可击的Markdown编辑器相关推荐
- Atom 打造无懈可击的 Markdown 编辑器
1. 安装 Atom 下载安装 Atom:https://atom.io/ 2. 增强预览(markdown-preview-plus) Atom 自带的 Markdown 预览插件 markdown ...
- Phodit：打造智能的 Markdown 编辑器
最近,我在写一个新的 markdown "项目",过程中发现没有合适的 markdown 客户端.于是,我希望为自己定制一款全新的编辑器,原因有许多吧,大抵是没有一个编辑器能满足我 ...
- 使用Atom快速打造好用的Markdown编辑器
使用Atom快速打造好用的Markdown编辑器 Atom当前主流的跨平台的三大编辑器(Atom,sublime,vscode)之一 今天尝试了使用Atom来打造Markdown编辑器,快速上手且易用 ...
- 用VSCode打造宇宙最强Markdown编辑器【VSCode篇】vscode+MPE插件+PigGo图床+最佳实践+使用技巧
在昨天,简单写了一下Markdown,并学习了CSDN的Markdown扩展语法,让我们离用Markdown写博客的目标更近了一步.今天开始打造Markdown编辑工具,以帮助我们更好的写博客.这篇全 ...
- ue编辑器拖拽上传图片_Typora + PicGo打造超好用的Markdown编辑器
工欲善其事必先利其器,既然决定要写作啦,一个好用的编辑器是必不可少的工具.相信作为一个程序员,大家应该也都比较了解Markdown语法,经过重重对比,我选定了Typora来作为Markdown编辑器. ...
- Markdown-VScode打造Markdown编辑器
VScode 打造 Markdown 编辑器 在之前的博文中我分别介绍了 Markdown 的基础语法和数学公式语法,本文主要介绍使用现在非常流行的 Vscode 代码编辑器进行 Markdown 书 ...
- 马克飞象怎么转成html,专为印象笔记打造的 Markdown 编辑器：马克飞象
原标题:专为印象笔记打造的 Markdown 编辑器:马克飞象 近期,少数派跟大家分享了 Markdown 工具合辑<想试试其它写作工具?11 款好用的 Markdown 编辑器推荐>.关 ...
- codemirror 光标定位_使用Codemirror打造Markdown编辑器
前几天突然想给自己的在线编译器加一个Markdown编辑功能,于是花了两三天敲敲打打初步实现了这个功能. 一个Markdown编辑器需要有如下常用功能:粗体 斜体 中划线 标题 链接 图片 引用 代码 ...
- 用 Atom定制属于自己的 Markdown 编辑器
转自:http://app.myzaker.com/news/article.php?pk=59951dff1bc8e0187b000015 我一直在 Windows 上寻找一款足够媲美 MWeb ...
最新文章
- OI模板大全（普及~省选NOI）
- 网络请求--Retrofit2使用方法
- python绘图课设_python课程设计笔记（三）turtle绘图库（海龟库）
- 单片机按键防抖程序_这些单片机按键设计方案，请拿好，不谢！
- ASP.NET获取IP地址与MAC地址方法
- jQuery 异步上传插件 Uploadify 使用 （Java平台）
- 网上招生报名系统V1.0发布
- 人工智能教程（1.1）
- MMQ 开源免费 同时支持分布式架构和数据持久化、规则引擎、ACL的MQTT broker。
- jQuery过年烟火炫酷背景插件音效
- 解压软件Bandizip
- 腾讯云找回自己用过的ip
- 设计模式是什么鬼3（原型）
- SSL单向认证和双向认证交互流程
- 获取32位整型变量中某一位的bit值
- 卷妹带你学数据库---5天冲刺Day5
- API接口 返回值说明
- 鱼骨图技能详解+13张精选模板，让你3分钟快速掌握鱼骨图分析法！
- Welcome to the skynet wiki!
- 如何画一个简单的波特图（渐近线近似零极点特性）？