[外掛]HTML Editor Syntax Highlighter 讓WordPress文章編輯器支援語法高亮效果

　　WordPress內建的文章編輯器，就已支援即見即所得，雖然說很方便，但有時候需要一些較細微的調整，還是得到原始碼模式進行編輯，當把模式切成文字模式時，則會看到一片黑馬馬的原始碼，這對於在閱讀上相當的不易，每當要安插一個區塊，就得相當小心，找到相關的區塊，再把所需的一一塞入，有時當沒注意到，就會造成多個或少個DIV，造成跑版問題，所以梅干都會先將原始碼貼到像Sublime Text的編輯器，當編輯好後再把原始碼貼回去。

　　所以梅干找了好久，發現一款超方便的文章編輯器外掛，HTML Editor Syntax Highlighter讓WordPress內建的文章編輯器，有高亮效果，同時還能顯示原始碼行號，以及還可設定原始碼的文字大小和行高，最酷的是內建還有多種的原始碼顯示樣式，因此就可依自己喜好，設定原始碼的顏色樣式，因此有在使用WordPress的朋友，這隻外掛千萬別錯過了。

---

HTML Editor Syntax Highlighter

---

Step1
當進到WordPress後台的外掛面板，搜尋「HTML Editor Syntax Highlighter」關鍵字，下載安裝並啟用。

---

Step2
當啟用完畢後，在文章編輯器的右上角，就會看到一個齒輪圖示。

---

Step3
點一下，展開選單後，就可設定原始碼的主題樣式、縮排、斷行、行數、字級、行高…..等。

---

Step4
這樣在編輯原始碼就更加方便，區塊與區塊間更容易辨視。