帝國CMS編輯器代碼高亮顯示按鈕插件安裝(灰白鑲嵌自動換行)

帝國cms本身的編輯器沒有帶代碼風格的高亮樣式，這里找了幾個文檔的方法修改試驗添加成功了，記錄一下方便以后其他網站添加這個代碼前臺高亮顯示插件。裝好前端效果如下圖：

第一步：下載壓縮包如下：3o7電腦_數碼_手機應用問題解決的IT技術網站 - 云狐網

下載下來后解壓到當前文件夾，然后把2個文件復制到網站目錄/e/admin/ecmseditor/infoeditor/plugins下3o7電腦_數碼_手機應用問題解決的IT技術網站 - 云狐網
3o7電腦_數碼_手機應用問題解決的IT技術網站 - 云狐網
第二步：修改帝國cms編輯器配置文件，路徑：/e/admin/ecmseditor/infoeditor/config.js3o7電腦_數碼_手機應用問題解決的IT技術網站 - 云狐網
在下面這兩個地方添加codeblock。(大概95行；112行)3o7電腦_數碼_手機應用問題解決的IT技術網站 - 云狐網
3o7電腦_數碼_手機應用問題解決的IT技術網站 - 云狐網

1. items: ['Image', 'etranmore', 'Flash', 'etranmedia', 'etranfile', '-', 'Table', 'HorizontalRule', 'SpecialChar', 'equotetext', 'einserttime', 'einsertpage', 'einsertbr', 'CodeBlock'] 

1. config.extraPlugins = 'etranfile,etranmedia,etranmore,autoformat,ecleanalltext,einsertbr,einsertpage,einserttime,equotetext,codeblock'; 

一定要注意大小寫，否則會出現編輯器不顯示或顯示但沒有codeblock模塊的情況，完了刷新緩存，你就可以看到編輯器多了一個圖標。

3o7電腦_數碼_手機應用問題解決的IT技術網站 - 云狐網
3o7電腦_數碼_手機應用問題解決的IT技術網站 - 云狐網
第三步：模板調用3o7電腦_數碼_手機應用問題解決的IT技術網站 - 云狐網
3o7電腦_數碼_手機應用問題解決的IT技術網站 - 云狐網
把上面下載的文件包里contents.css 文件復制到/skin下你站點的css文件夾里。3o7電腦_數碼_手機應用問題解決的IT技術網站 - 云狐網
3o7電腦_數碼_手機應用問題解決的IT技術網站 - 云狐網
然后在文章內容頁模板調用css和js： （這里按本站路徑位置示范）3o7電腦_數碼_手機應用問題解決的IT技術網站 - 云狐網

1. <link href="[!--news.url--]skin/menhu/css/contents.css" rel="stylesheet">

全部修改完畢記得后臺清理緩存，刷新瀏覽器緩存查看樣式效果哦！！