帝国cms默认编辑器ckeditor代码高亮插件

发布日期：2023-11-02 来源：小码王编程查看人数： 10

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

今天我们来聊聊帝国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.修改后的源码

function EcmsEditorDoCKhtml(htmlstr){
    if(htmlstr.indexOf('"')!=-1)
    {
        return '';
    }
    if(htmlstr.indexOf("'")!=-1)
    {
        return '';
    }
    if(htmlstr.indexOf("/")!=-1)
    {
        return '';
    }
    if(htmlstr.indexOf("\\")!=-1)
    {
        return '';
    }
    if(htmlstr.indexOf("[")!=-1)
    {
        return '';
    }
    if(htmlstr.indexOf("]")!=-1)
    {
        return '';
    }
    if(htmlstr.indexOf(":")!=-1)
    {
        return '';
    }
    if(htmlstr.indexOf("%")!=-1)
    {
        return '';
    }
    if(htmlstr.indexOf("<")!=-1)
    {
        return '';
    }
    if(htmlstr.indexOf(">")!=-1)
    {
        return '';
    }
    return htmlstr;
}

function EcmsEditorGetCs(){
    var js=document.getElementsByTagName("script");
    for(var i=0;i<js.length;i++)
    {
        if(js[i].src.indexOf("ckeditor.js")>=0)
        {
            var arraytemp=new Array();
            arraytemp=js[i].src.split('?');
            return arraytemp;
        }
    }
}

var arraycs=new Array();
arraycs=EcmsEditorGetCs();

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

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

CKEDITOR.editorConfig = function( config ) {
    // Define changes to default configuration here. For example:
    // config.language = 'fr';
    // config.uiColor = '#AADC6E';

    config.filebrowserImageUploadUrl = '';
    config.filebrowserFlashUploadUrl = arraycs[0];
    config.filebrowserImageBrowseUrl = arraycs[1];
    config.filebrowserFlashBrowseUrl = arraycs[1];

    config.enterMode = CKEDITOR.ENTER_BR;
    config.shiftEnterMode = CKEDITOR.ENTER_P;

    config.allowedContent= true;

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

    // Toolbar
    config.toolbar_full = [
    { name: 'document', groups: [ 'mode', 'document', 'doctools' ], items: [ 'Source', '-', 'Preview', 'Print' ] },
    { name: 'clipboard', groups: [ 'clipboard', 'undo' ], items: [ 'Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-', 'Undo', 'Redo' ] },

    { name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align', 'bidi' ], items: [ 'NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'Blockquote', 'CreateDiv', '-', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock', '-', 'BidiLtr', 'BidiRtl' ] },
    '/',
    { name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ], items: [ 'Bold', 'Italic', 'Underline', 'Strike', 'Subscript', 'Superscript', '-', 'RemoveFormat', 'ecleanalltext', 'autoformat' ] },

    { name: 'links', items: [ 'Link', 'Unlink', 'Anchor' ] },
    { name: 'insert', items: [ 'Image', 'etranmore', 'Flash', 'etranmedia', 'etranfile', '-', 'Table', 'HorizontalRule', 'SpecialChar', 'equotetext', 'einserttime', 'einsertpage', 'einsertbr', 'CodeBlock' ] },
    '/',
    { name: 'styles', items: [ 'Styles', 'Format', 'Font', 'FontSize' ] },
    { name: 'colors', items: [ 'TextColor', 'BGColor' ] },
    { name: 'tools', items: [ 'ShowBlocks', 'NewPage', 'Templates' ] },
    { name: 'others', items: [ '-' ] },
    { name: 'editing', groups: [ 'find', 'selection', 'spellchecker' ], items: [ 'Find', 'Replace', '-', 'SelectAll', 'Maximize' ] }
];

    // Toolbar
    config.toolbar_basic = [
    { name: 'document', groups: [ 'mode', 'document', 'doctools' ], items: [ 'Source' ] },
    { name: 'clipboard', groups: [ 'clipboard', 'undo' ], items: [ 'Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-', 'Undo', 'Redo' ] },
    { name: 'links', items: [ 'Link', 'Unlink', 'Anchor' ] },
    { name: 'insert', items: [ 'Image', 'Table', 'HorizontalRule', 'SpecialChar', 'CodeBlock' ] },
    { name: 'tools', items: [ 'Maximize' ] },
    { name: 'others', items: [ '-' ] },
    '/',
    { name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ], items: [ 'Bold', 'Italic', 'Strike', '-', 'RemoveFormat' ] },
    { name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align', 'bidi' ], items: [ 'NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'Blockquote' ] },
    { name: 'styles', items: [ 'Styles', 'Format' ] }
];

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


    config.toolbar = 'full';



};

4.模板调用：

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

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

帝国cms代码高亮插件下载

帝国代码高亮.zip

4f4265ab5bdaf746bccba11a2a1a8577.zip (12.02 KB)