Notepad++ Plugins Tidy2 for Html

Tidy2   將未格式化的html文件按照規格建出。

圖1 上方選擇外掛 -> Plugin Manager -> Show Plugin Manager

圖2 選擇Available -> 找到 Tidy2 抅選後 -> 按下 Install

圖3 安裝後->重新啟動Notepat++

圖4 重新啟動Notepat++ 後 -> 查看外掛-> 多一個 Tidy2  選項

圖5 按下tidy後，會將你當下的文件變html格式的喔

用LINE傳送分享

其它文章

Notepad++ Plugins TextFX Characters for Html or xml

Notepad++ Plugins TextFX Characters for Html or xml


TextFX 凌亂的xml或html程式碼，將其整齊的格式化。



圖1 上方選擇外掛 -> Plugin Manager -> Show Plugin Manager

圖2 選擇Available -> 找到 TextFX  及 Tidy 抅選後 -> 按下 Install

圖3 安裝後->重新啟動Notepad++

圖4 重新啟動Notepad++ 後 -> 多一個 TextFX   選項

圖5 重新啟動Notepad++ 後 -> 查看外掛-> 多一個 Tidy  選項

圖6 增加行號

選取你要增加行號的文字 -> TextFX —> TextFX Tools —> Insert Line Numbers

圖7 結果

圖8 刪除程序行號或者首字
TextFX —> TextFX Tools —> Delete Line Numbers or First word

圖9 TextFX Characters 轉換的好功能
TextFX —> TextFX Characters, 可以選擇：
UPPER CASE 全部大寫
lower case 全部小寫
Proper Case 字首大寫
Sentense case 句子模式
iNVERT cASE 字首小寫，其它大寫
太多了，其它就自已玩了喔。

圖10 Encode HTML
TextFX —> TextFX Convert —> Encode HTML (&<>")
把“<”轉換成“&lt;”、把“>”轉換成 “&gt;”。
（可以用來輕鬆為blogger的文章插入代碼。）

下一篇：

• Notepad++ Plugins Tidy2 for Html

用LINE傳送分享

其它文章

Notepad++ Plugins RegEx Helper for Javascript

用來開發正則表達式以及進行測試

圖1 上方選擇外掛 -> Plugin Manager -> Show Plugin Manager

圖2 選擇Available -> 找到 RegEx Helper  抅選後 -> 按下 Install

圖3 安裝後->重新啟動Notepad++

圖4 重新啟動Notepad++ 後 -> 查看外掛-> 多一個RegEx Helper  選項

圖5 執行Launch -> RegEx Helper 介面 -> 本文輸入<(/?)div> -> 查找 div tag

下一篇：

• Notepad++ Plugins TextFX Characters for Html or xml

用LINE傳送分享

其它文章

Notepad++ Plugins JSLint for Javascript

JSLint是一個JavaScript驗證工具，
可以掃描JavaScript程式查找問題。
如果JSLint發現一個問題，
JSLint就會描述這個問題，並指出錯誤位置。

圖1 上方選擇外掛 -> Plugin Manager -> Show Plugin Manager

圖2 選擇Available -> 找到 JSLint 抅選後 -> 按下 Install

圖3 安裝後->重新啟動Notepad++

圖4 重新啟動Notepad++ 後 -> 查看外掛-> 多一個JSLint 選項

圖5 開啟js檔 -> 外掛 JSLint-> JSLint Current File

圖6 下方會有JSLint 介面框 -> 己驗證JavaScript有那此問題了

圖7 外掛 JSLint-> JSLint Options 設定驗證種類

圖8 JSLint Options 驗證種類很多種，當使用預設設定，則是最嚴規的。
嚴規到不知為什麼的。

圖9 驗證結果

圖10 另一個驗證選項JSHint

圖11 外掛 JSLint-> JSLint Current File
或按JSLint 介面框左邊的文件按鍵(如圖中紅框)

圖12 驗證結果，簡單明了

下一篇：

• Notepad++ Plugins RegEx Helper for Javascript 

用LINE傳送分享

其它文章

Notepad++ Plugins JSTool for Javascript

開發 Javascript 會用到的套件。
JSTool 整合二項功能：
1、JSMin :是一個過濾器，從JavaScript文件中刪除註釋和不必要的空白。
2、JSON viewer : JSON查看器插件。在樹視圖中顯示選定的JSON資料。

安裝如下：

圖1 上方選擇外掛 -> Plugin Manager -> Show Plugin Manager

圖2 選擇Available -> 找到 JSTool 抅選後 -> 按下 Install

圖3 安裝後->重新啟動Notepad++

圖4 重新啟動Notepad++ 後 -> 查看外掛-> 多一個JSTool 選項

圖5 使用JSON Viewer

圖6 左邊會多出一個視窗JSON Viewer，查看JSON資料，清楚的了解各階層。

圖7 使用 JSMin

圖8 刪除註釋和不必要的空白了

圖9 JSTool 設定介面

下一篇：

• Notepad++ Plugins JSLint for Javascript

用LINE傳送分享

其它文章

Notepad++ Plugins JSON viewer for Javascript

本篇介紹開發常的的 JSON 資料規式。
有時後資料量大，常常不好查看。
安裝JSON viewer ，讓JSON檔的資料，變得很好看。

安裝如下：

圖1 上方選擇外掛 -> Plugin Manager -> Show Plugin Manager

圖2 選擇Available -> 找到 JSON Viewer 抅選後 -> 按下 Install

圖3 安裝後->重新啟動Notepad++

圖4 重新啟動Notepad++ 後 -> 查看外掛-> 多一個JSON Viewer 選項

圖5 準備一個JSON檔的測試資料來看看效果。

圖6 使用 Show JSON Viewer

圖7 左邊會多出一個視窗JSON Viewer，查看JSON資料，清楚的了解各階層。

圖8 使用 Format JSON

圖9 將JSON資料排版了

如果 reformat JSON 請查看下一篇
下一篇

• Notepad++ Plugins JSTool for Javascript

用LINE傳送分享

其它文章