帝国cms默认编辑器ckeditor代码高亮插件
来源:小码王信奥 时间:2023-11-02 浏览量:59
今天我们来聊聊帝国cms默认编辑器ckeditor代码高亮插件,以下2个关于帝国cms默认编辑器ckeditor代码高亮插件的观点希望能帮助到您找到想要的资讯。

帝国cms代码高亮插件使用说明


1.下载解压后codeblock复制到帝国cms后台:/e/admin/ecmseditor/infoeditor/plugins下(注:admin 为系统默认地址,如果有自定义需要改为自定义文件名)

2.修改帝国cms编辑器配置文件,路径:/e/admin/ecmseditor/infoeditor/config.js(大概在95行与110行后添加 , 'CodeBlock')

PS:一定要注意大小写,否则会出现编辑器不显示或显示但没有codeblock模块的情况,完了刷新缓存,你就可以看到编辑器多了一个图标。

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. function EcmsEditorGetCs(){ 

  46.     var js=document.getElementsByTagName("script"); 

  47.     for(var i=0;i<js.length;i++) 

  48.     { 

  49.         if(js[i].src.indexOf("ckeditor.js")>=0) 

  50.         { 

  51.             var arraytemp=new Array(); 

  52.             arraytemp=js[i].src.split('?'); 

  53.             return arraytemp; 

  54.         } 

  55.     } 

  56.  

  57. var arraycs=new Array(); 

  58. arraycs=EcmsEditorGetCs(); 

  59.  

  60. arraycs[0]=arraycs[0].replace('infoeditor/ckeditor.js',''); 

  61.  

  62. arraycs[1]=document.getElementById('doecmseditor_eaddcs').value; 

  63. arraycs[1]=EcmsEditorDoCKhtml(arraycs[1]); 

  64.  

  65.  

  66. CKEDITOR.editorConfig = function( config ) { 

  67.     // Define changes to default configuration here. For example: 

  68.     // config.language = 'fr'; 

  69.     // config.uiColor = '#AADC6E'; 

  70.      

  71.     config.filebrowserImageUploadUrl = ''

  72.     config.filebrowserFlashUploadUrl = arraycs[0]; 

  73.     config.filebrowserImageBrowseUrl = arraycs[1]; 

  74.     config.filebrowserFlashBrowseUrl = arraycs[1]; 

  75.      

  76.     config.enterMode = CKEDITOR.ENTER_BR; 

  77.     config.shiftEnterMode = CKEDITOR.ENTER_P; 

  78.  

  79.     config.allowedContent= true

  80.      

  81.     config.font_names='宋体/宋体;黑体/黑体;仿宋/仿宋_GB2312;楷体/楷体_GB2312;隶书/隶书;幼圆/幼圆;微软雅黑/微软雅黑;'+ config.font_names; 

  82.      

  83.     // Toolbar 

  84.     config.toolbar_full = [ 

  85.     { name: 'document', groups: [ 'mode''document''doctools' ], items: [ 'Source''-''Preview''Print' ] }, 

  86.     { name: 'clipboard', groups: [ 'clipboard''undo' ], items: [ 'Cut''Copy''Paste''PasteText''PasteFromWord''-''Undo''Redo' ] }, 

  87.      

  88.     { name: 'paragraph', groups: [ 'list''indent''blocks''align''bidi' ], items: [ 'NumberedList''BulletedList''-''Outdent''Indent''-''Blockquote''CreateDiv''-''JustifyLeft''JustifyCenter''JustifyRight''JustifyBlock''-''BidiLtr''BidiRtl' ] }, 

  89.     '/'

  90.     { name: 'basicstyles', groups: [ 'basicstyles''cleanup' ], items: [ 'Bold''Italic''Underline''Strike''Subscript''Superscript''-''RemoveFormat''ecleanalltext''autoformat' ] }, 

  91.      

  92.     { name: 'links', items: [ 'Link''Unlink''Anchor' ] }, 

  93.     { name: 'insert', items: [ 'Image''etranmore''Flash''etranmedia''etranfile''-''Table''HorizontalRule''SpecialChar''equotetext''einserttime''einsertpage''einsertbr''CodeBlock' ] }, 

  94.     '/'

  95.     { name: 'styles', items: [ 'Styles''Format''Font''FontSize' ] }, 

  96.     { name: 'colors', items: [ 'TextColor''BGColor' ] }, 

  97.     { name: 'tools', items: [ 'ShowBlocks''NewPage''Templates' ] }, 

  98.     { name: 'others', items: [ '-' ] }, 

  99.     { name: 'editing', groups: [ 'find''selection''spellchecker' ], items: [ 'Find''Replace''-''SelectAll''Maximize' ] } 

  100. ]; 

  101.  

  102.  

  103.     // Toolbar 

  104.     config.toolbar_basic = [ 

  105.     { name: 'document', groups: [ 'mode''document''doctools' ], items: [ 'Source' ] }, 

  106.     { name: 'clipboard', groups: [ 'clipboard''undo' ], items: [ 'Cut''Copy''Paste''PasteText''PasteFromWord''-''Undo''Redo' ] }, 

  107.     { name: 'links', items: [ 'Link''Unlink''Anchor' ] }, 

  108.     { name: 'insert', items: [ 'Image''Table''HorizontalRule''SpecialChar''CodeBlock' ] }, 

  109.     { name: 'tools', items: [ 'Maximize' ] }, 

  110.     { name: 'others', items: [ '-' ] }, 

  111.     '/'

  112.     { name: 'basicstyles', groups: [ 'basicstyles''cleanup' ], items: [ 'Bold''Italic''Strike''-''RemoveFormat' ] }, 

  113.     { name: 'paragraph', groups: [ 'list''indent''blocks''align''bidi' ], items: [ 'NumberedList''BulletedList''-''Outdent''Indent''-''Blockquote' ] }, 

  114.     { name: 'styles', items: [ 'Styles''Format' ] } 

  115. ]; 

  116.  

  117.  

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

  119.      

  120.      

  121.     config.toolbar = 'full'

  122.      

  123.      

  124.      

  125. }; 

4.模板调用:

压缩包里contents.css 文件复制到/skin下你站点的css文件夹里,在内容页引入CSS文件即可(skin为系统默认地址,如果有自定义需要改为自定义文件名)。
 

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


帝国cms代码高亮插件下载


帝国代码高亮.zip
4f4265ab5bdaf746bccba11a2a1a8577.zip (12.02 KB)
今天我们来聊聊帝国cms默认编辑器ckeditor代码高亮插件,以下2个关于帝国cms默认编辑器ckeditor代码高亮插件的观点希望能帮助到您找到想要的资讯。

帝国cms代码高亮插件使用说明


1.下载解压后codeblock复制到帝国cms后台:/e/admin/ecmseditor/infoeditor/plugins下(注:admin 为系统默认地址,如果有自定义需要改为自定义文件名)

2.修改帝国cms编辑器配置文件,路径:/e/admin/ecmseditor/infoeditor/config.js(大概在95行与110行后添加 , 'CodeBlock')

PS:一定要注意大小写,否则会出现编辑器不显示或显示但没有codeblock模块的情况,完了刷新缓存,你就可以看到编辑器多了一个图标。

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. function EcmsEditorGetCs(){ 

  46.     var js=document.getElementsByTagName("script"); 

  47.     for(var i=0;i<js.length;i++) 

  48.     { 

  49.         if(js[i].src.indexOf("ckeditor.js")>=0) 

  50.         { 

  51.             var arraytemp=new Array(); 

  52.             arraytemp=js[i].src.split('?'); 

  53.             return arraytemp; 

  54.         } 

  55.     } 

  56.  

  57. var arraycs=new Array(); 

  58. arraycs=EcmsEditorGetCs(); 

  59.  

  60. arraycs[0]=arraycs[0].replace('infoeditor/ckeditor.js',''); 

  61.  

  62. arraycs[1]=document.getElementById('doecmseditor_eaddcs').value; 

  63. arraycs[1]=EcmsEditorDoCKhtml(arraycs[1]); 

  64.  

  65.  

  66. CKEDITOR.editorConfig = function( config ) { 

  67.     // Define changes to default configuration here. For example: 

  68.     // config.language = 'fr'; 

  69.     // config.uiColor = '#AADC6E'; 

  70.      

  71.     config.filebrowserImageUploadUrl = ''

  72.     config.filebrowserFlashUploadUrl = arraycs[0]; 

  73.     config.filebrowserImageBrowseUrl = arraycs[1]; 

  74.     config.filebrowserFlashBrowseUrl = arraycs[1]; 

  75.      

  76.     config.enterMode = CKEDITOR.ENTER_BR; 

  77.     config.shiftEnterMode = CKEDITOR.ENTER_P; 

  78.  

  79.     config.allowedContent= true

  80.      

  81.     config.font_names='宋体/宋体;黑体/黑体;仿宋/仿宋_GB2312;楷体/楷体_GB2312;隶书/隶书;幼圆/幼圆;微软雅黑/微软雅黑;'+ config.font_names; 

  82.      

  83.     // Toolbar 

  84.     config.toolbar_full = [ 

  85.     { name: 'document', groups: [ 'mode''document''doctools' ], items: [ 'Source''-''Preview''Print' ] }, 

  86.     { name: 'clipboard', groups: [ 'clipboard''undo' ], items: [ 'Cut''Copy''Paste''PasteText''PasteFromWord''-''Undo''Redo' ] }, 

  87.      

  88.     { name: 'paragraph', groups: [ 'list''indent''blocks''align''bidi' ], items: [ 'NumberedList''BulletedList''-''Outdent''Indent''-''Blockquote''CreateDiv''-''JustifyLeft''JustifyCenter''JustifyRight''JustifyBlock''-''BidiLtr''BidiRtl' ] }, 

  89.     '/'

  90.     { name: 'basicstyles', groups: [ 'basicstyles''cleanup' ], items: [ 'Bold''Italic''Underline''Strike''Subscript''Superscript''-''RemoveFormat''ecleanalltext''autoformat' ] }, 

  91.      

  92.     { name: 'links', items: [ 'Link''Unlink''Anchor' ] }, 

  93.     { name: 'insert', items: [ 'Image''etranmore''Flash''etranmedia''etranfile''-''Table''HorizontalRule''SpecialChar''equotetext''einserttime''einsertpage''einsertbr''CodeBlock' ] }, 

  94.     '/'

  95.     { name: 'styles', items: [ 'Styles''Format''Font''FontSize' ] }, 

  96.     { name: 'colors', items: [ 'TextColor''BGColor' ] }, 

  97.     { name: 'tools', items: [ 'ShowBlocks''NewPage''Templates' ] }, 

  98.     { name: 'others', items: [ '-' ] }, 

  99.     { name: 'editing', groups: [ 'find''selection''spellchecker' ], items: [ 'Find''Replace''-''SelectAll''Maximize' ] } 

  100. ]; 

  101.  

  102.  

  103.     // Toolbar 

  104.     config.toolbar_basic = [ 

  105.     { name: 'document', groups: [ 'mode''document''doctools' ], items: [ 'Source' ] }, 

  106.     { name: 'clipboard', groups: [ 'clipboard''undo' ], items: [ 'Cut''Copy''Paste''PasteText''PasteFromWord''-''Undo''Redo' ] }, 

  107.     { name: 'links', items: [ 'Link''Unlink''Anchor' ] }, 

  108.     { name: 'insert', items: [ 'Image''Table''HorizontalRule''SpecialChar''CodeBlock' ] }, 

  109.     { name: 'tools', items: [ 'Maximize' ] }, 

  110.     { name: 'others', items: [ '-' ] }, 

  111.     '/'

  112.     { name: 'basicstyles', groups: [ 'basicstyles''cleanup' ], items: [ 'Bold''Italic''Strike''-''RemoveFormat' ] }, 

  113.     { name: 'paragraph', groups: [ 'list''indent''blocks''align''bidi' ], items: [ 'NumberedList''BulletedList''-''Outdent''Indent''-''Blockquote' ] }, 

  114.     { name: 'styles', items: [ 'Styles''Format' ] } 

  115. ]; 

  116.  

  117.  

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

  119.      

  120.      

  121.     config.toolbar = 'full'

  122.      

  123.      

  124.      

  125. }; 

4.模板调用:

压缩包里contents.css 文件复制到/skin下你站点的css文件夹里,在内容页引入CSS文件即可(skin为系统默认地址,如果有自定义需要改为自定义文件名)。
 

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


帝国cms代码高亮插件下载


你也想0元体验小码王信奥集训营吗?
填写信息免费预约
姓名:
城市:
电话:
icon免费领取
免责申明:以上展示内容来源于合作媒体、企业机构、网友提供或网络收集整理,版权争议与本站无关,文章涉及见解与观点不代表小码王官方立场,请读者仅做参考。本文标题:帝国cms默认编辑器ckeditor代码高亮插件,本文链接:http://www.xiaomawang.vip/help/20929.html;欢迎转载,转载请说明出处。若您认为本文侵犯了您的版权信息,或您发现该内容有任何涉及有违公德、触犯法律等违法信息,请您立即通过邮件(邮箱号: hzlixy@xiaoma.cn)联系我们及时修正或删除。