1.介紹
MarkdownViewerPlusPlus是Notepad++的Markdown插件,
這個Markdown插件可以在Notepad++中實時動態渲染,
可以同步查看使用Markdown的文章排版效果,
還可以把文章導出為HTML和PDF格式的文件。
2.安裝插件
這里我們使用的是離線安裝包安裝的方法,
在線安裝的方法請參考如下文章:
Notepad++在線安裝使用JSON插件
2.1.下載插件包
MarkdownViewerPlusPlus官網下載地址
https://nea.github.io/MarkdownViewerPlusPlus/
有32位和64位兩個插件包,
因為我的Notepad++安裝的是32位的,
所以這里下載32位的插件包:
MarkdownViewerPlusPlus-0.8.2-x86.zip
2.2.解壓插件包
將下載的zip包解壓,
可以看到如下安裝文件:
MarkdownViewerPlusPlus.dll
2.3.離線安裝插件
設置(T) -> 導入 -> 導入插件...
選擇剛才解壓出來的插件安裝文件:
點擊確認,彈出對話框,
提示安裝完插件后需要重啟Notepad++使插件生效。
3.使用插件
Notepad++重啟后能在插件(P)菜單下看到MarkdownViewer++插件,
說明插件安裝成功。
該插件主要提供兩個功能,
一個是查看實時動態渲染markdown文章的排版效果,
另一個是將排版好的文章導出為HTML和PDF格式的文件。
3.1.查看實時markdown排版效果
這個功能和大部分支持Markdown的工具都是一樣的,
打開后左邊是編輯文本,右邊是渲染后的排版效果。
首先我們打開一個markdown文件,
然后打開MarkdownViewer++視圖:
插件(P) -> MarkdownViewer++ -> MarkdownViewer++
可以看到右邊對應的排版效果:
3.2.導出HTML和PDF格式文件
在右邊的MarkdownViewer++預覽視圖中,
點擊Export as,選擇導出文件的格式為HTML或PDF。
4.自定義CSS樣式
MarkdownViewerPlusPlus插件是可以自定義排版樣式的:
插件(P) -> MarkdownViewer++ -> Options
選擇HTML,編輯Custom CSS可以自定義CSS樣式。
另外為了方便查看導出的HTML頁面,
可以勾選Export下的Open HTML after export。
剛裝好插件時Custom CSS是空的,
所以渲染出來的表格是沒有邊框的,
看着非常不習慣,
在Custom CSS添加如下樣式,
將表格邊框折疊為單一邊框,
並且設置1像素的實線黑色邊框。
table
{
border-collapse:collapse;
}
table,th, td
{
border: 1px solid black;
}
設置完成后保存,渲染表格效果如下:
更多CSS樣式的設置請參考如下w3school教程:
CSS-樣式:CSS-表格