帝國(guó)cms默認(rèn)編輯器ckeditor代碼高亮插件

帝國(guó)cms代碼高亮插件使用說(shuō)明

1.下載解壓后codeblock復(fù)制到帝國(guó)cms后臺(tái)：/e/admin/ecmseditor/infoeditor/plugins下（注:admin 為系統(tǒng)默認(rèn)地址，如果有自定義需要改為自定義文件名）

2.修改帝國(guó)cms編輯器配置文件，路徑：/e/admin/ecmseditor/infoeditor/config.js（大概在95行與110行后添加 , 'CodeBlock'）

PS：一定要注意大小寫，否則會(huì)出現(xiàn)編輯器不顯示或顯示但沒(méi)有codeblock模塊的情況，完了刷新緩存，你就可以看到編輯器多了一個(gè)圖標(biāo)。

3.修改后的源碼

1. ? 
2. function EcmsEditorDoCKhtml(htmlstr){ 
3.     if(htmlstr.indexOf('"')!=-1) 
4.     { 
5.         return ''; 
6.     } 
7.     if(htmlstr.indexOf("'")!=-1) 
8.     { 
9.         return ''; 
10.     } 
11.     if(htmlstr.indexOf("/")!=-1) 
12.     { 
13.         return ''; 
14.     } 
15.     if(htmlstr.indexOf("\\")!=-1) 
16.     { 
17.         return ''; 
18.     } 
19.     if(htmlstr.indexOf("[")!=-1) 
20.     { 
21.         return ''; 
22.     } 
23.     if(htmlstr.indexOf("]")!=-1) 
24.     { 
25.         return ''; 
26.     } 
27.     if(htmlstr.indexOf(":")!=-1) 
28.     { 
29.         return ''; 
30.     } 
31.     if(htmlstr.indexOf("%")!=-1) 
32.     { 
33.         return ''; 
34.     } 
35.     if(htmlstr.indexOf("<")!=-1) 
36.     { 
37.         return ''; 
38.     } 
39.     if(htmlstr.indexOf(">")!=-1) 
40.     { 
41.         return ''; 
42.     } 
43.     return htmlstr; 
44. } 
45.  
46. function EcmsEditorGetCs(){ 
47.     var js=document.getElementsByTagName("script"); 
48.     for(var i=0;i<js.length;i++) 
49.     { 
50.         if(js[i].src.indexOf("ckeditor.js")>=0) 
51.         { 
52.             var arraytemp=new Array(); 
53.             arraytemp=js[i].src.split('?'); 
54.             return arraytemp; 
55.         } 
56.     } 
57. } 
58.  
59. var arraycs=new Array(); 
60. arraycs=EcmsEditorGetCs(); 
61.  
62. arraycs[0]=arraycs[0].replace('infoeditor/ckeditor.js',''); 
63.  
64. arraycs[1]=document.getElementById('doecmseditor_eaddcs').value; 
65. arraycs[1]=EcmsEditorDoCKhtml(arraycs[1]); 
66.  
67.  
68. CKEDITOR.editorConfig = function( config ) { 
69.     // Define changes to default configuration here. For example: 
70.     // config.language = 'fr'; 
71.     // config.uiColor = '#AADC6E'; 
72.      
73.     config.filebrowserImageUploadUrl = ''; 
74.     config.filebrowserFlashUploadUrl = arraycs[0]; 
75.     config.filebrowserImageBrowseUrl = arraycs[1]; 
76.     config.filebrowserFlashBrowseUrl = arraycs[1]; 
77.      
78.     config.enterMode = CKEDITOR.ENTER_BR; 
79.     config.shiftEnterMode = CKEDITOR.ENTER_P; 
80.  
81.     config.allowedContent= true; 
82.      
83.     config.font_names='宋體/宋體;黑體/黑體;仿宋/仿宋_GB2312;楷體/楷體_GB2312;隸書/隸書;幼圓/幼圓;微軟雅黑/微軟雅黑;'+ config.font_names; 
84.      
85.     // Toolbar 
86.     config.toolbar_full = [ 
87.     { name: 'document', groups: [ 'mode', 'document', 'doctools' ], items: [ 'Source', '-', 'Preview', 'Print' ] }, 
88.     { name: 'clipboard', groups: [ 'clipboard', 'undo' ], items: [ 'Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-', 'Undo', 'Redo' ] }, 
89.      
90.     { name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align', 'bidi' ], items: [ 'NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'Blockquote', 'CreateDiv', '-', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock', '-', 'BidiLtr', 'BidiRtl' ] }, 
91.     '/', 
92.     { name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ], items: [ 'Bold', 'Italic', 'Underline', 'Strike', 'Subscript', 'Superscript', '-', 'RemoveFormat', 'ecleanalltext', 'autoformat' ] }, 
93.      
94.     { name: 'links', items: [ 'Link', 'Unlink', 'Anchor' ] }, 
95.     { name: 'insert', items: [ 'Image', 'etranmore', 'Flash', 'etranmedia', 'etranfile', '-', 'Table', 'HorizontalRule', 'SpecialChar', 'equotetext', 'einserttime', 'einsertpage', 'einsertbr', 'CodeBlock' ] }, 
96.     '/', 
97.     { name: 'styles', items: [ 'Styles', 'Format', 'Font', 'FontSize' ] }, 
98.     { name: 'colors', items: [ 'TextColor', 'BGColor' ] }, 
99.     { name: 'tools', items: [ 'ShowBlocks', 'NewPage', 'Templates' ] }, 
100.     { name: 'others', items: [ '-' ] }, 
101.     { name: 'editing', groups: [ 'find', 'selection', 'spellchecker' ], items: [ 'Find', 'Replace', '-', 'SelectAll', 'Maximize' ] } 
102. ]; 
103.  
104.  
105.     // Toolbar 
106.     config.toolbar_basic = [ 
107.     { name: 'document', groups: [ 'mode', 'document', 'doctools' ], items: [ 'Source' ] }, 
108.     { name: 'clipboard', groups: [ 'clipboard', 'undo' ], items: [ 'Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-', 'Undo', 'Redo' ] }, 
109.     { name: 'links', items: [ 'Link', 'Unlink', 'Anchor' ] }, 
110.     { name: 'insert', items: [ 'Image', 'Table', 'HorizontalRule', 'SpecialChar', 'CodeBlock' ] }, 
111.     { name: 'tools', items: [ 'Maximize' ] }, 
112.     { name: 'others', items: [ '-' ] }, 
113.     '/', 
114.     { name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ], items: [ 'Bold', 'Italic', 'Strike', '-', 'RemoveFormat' ] }, 
115.     { name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align', 'bidi' ], items: [ 'NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'Blockquote' ] }, 
116.     { name: 'styles', items: [ 'Styles', 'Format' ] } 
117. ]; 
118.  
119.  
120.     config.extraPlugins = 'etranfile,etranmedia,etranmore,autoformat,ecleanalltext,einsertbr,einsertpage,einserttime,equotetext,codeblock'; 
121.      
122.      
123.     config.toolbar = 'full'; 
124.      
125.      
126.      
127. }; 

4.模板調(diào)用：

壓縮包里contents.css 文件復(fù)制到/skin下你站點(diǎn)的css文件夾里，在內(nèi)容頁(yè)引入CSS文件即可（skin為系統(tǒng)默認(rèn)地址，如果有自定義需要改為自定義文件名）。
 

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

帝國(guó)cms代碼高亮插件下載