Notepad++配置Markdown实时预览

NppMarkdown插件实现了Markdown的实时预览,但是缺乏可定制性,不能定义HTML的样式。本文介绍另外一个插件,Preview HTML,配合Pandoc,可以实现更好的HTML预览,例如可以引入自定义CSS和JS,显示高亮代码和\(Mathjax\)公式等。

环境要求

  • 安装pandoc并且配置了Path
  • 安装Notepad++插件Preview HTML,注意应从官网下载最新版,Plugin Manager里的可能不是最新版

配置插件

直接在插件菜单中编辑配置文件,会在%APPDATA%++下创建相关配置文件。

  1. Edit Filter definitions,设置过滤器,调用pandoc转换为html,格式如下

  2. Edit Settings,设置自动刷新间隔,格式如下

展示

markdown_preview

markdown_preview

总结

  1. 不足之处是pandoc处理速度毕竟不如NppMarkdown内建的解析器快,如果设置为实时刷新,写作会有些卡壳的感觉,可以考虑自动刷新间隔设置长一些
  2. 预览窗口不能随着写作窗口自动滚动

参考资料

  1. How to use markdown in notepad++
  2. Live LaTeX in Notepad++

附录

html文件模板代码

14 thoughts on “Notepad++配置Markdown实时预览

  1. Pingback: 鼓捣一个好用的markdown编辑器 - 大专栏 | 大专栏

  2. Pingback: 鼓捣一个好用的markdown编辑器 | 张店长

  3. 有两个坑,看到的同学可以可以直接跨过了 1.如果提示找不到tpl.html5,可以尝试下面的过滤 [Markdown]Extension=.mdLanguage=MarkdownCommand=pandoc -f markdown -t html5 "%1" 2.默认用ie7的时候并没有自动刷新,我一度以为是系统win10的原因,后来改到ie10就正常了,刷新我也改成了1秒1刷。[Autorefresh] Interval=1000

  4. NppMarkdown其实支持自定义样式见github上面提交。https://github.com/plxaye/NppMarkdown/commit/5a38bf16dc6e021e79d796954cd759d9810c6513把你样式的模版命名成 template.htm,放到%temp%nppmarkdown 目录

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注