您现在的位置是:首页 > 教程 > 帝国CMS教程帝国CMS教程
帝国7.5默认编辑器增加代码高亮的方法
凡梅2023-05-20 22:39:21帝国CMS教程已有人查阅
导读需要下载的插件及依赖工具,将下载的插件解压,并复制到帝国的ckeditor目录下,注意是后台的那个默认后台目录:eadminecmseditorinfoeditorplugins
ck编辑器官方插件集下载地址
https://ckeditor.com/cke4/addon/
需要下载的插件及依赖工具
1、Code Snippet
2、widget
3、lineutils
4、widgetselection
安装步骤
将下载的插件解压,并复制到帝国的ckeditor目录下,注意是后台的那个
默认后台目录:eadminecmseditorinfoeditorplugins
修改配置文件
配置文件路径:eadminecmseditorinfoeditORConfig.js
配置文件中共有两个工具条,一个是全功能的,一个是精简的
在两个工具条中添加代码工具CodeSnippet
然后在工具条下方添加代码工具的配置
这里我把我的发上来供大家参考
https://ckeditor.com/cke4/addon/
需要下载的插件及依赖工具
1、Code Snippet
2、widget
3、lineutils
4、widgetselection
安装步骤
将下载的插件解压,并复制到帝国的ckeditor目录下,注意是后台的那个
默认后台目录:eadminecmseditorinfoeditorplugins
修改配置文件
配置文件路径:eadminecmseditorinfoeditORConfig.js
配置文件中共有两个工具条,一个是全功能的,一个是精简的
在两个工具条中添加代码工具CodeSnippet
然后在工具条下方添加代码工具的配置
这里我把我的发上来供大家参考
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','CodeSnippet', 'equotetext', 'einserttime', 'einsertpage', 'einsertbr' ] },
'/',
{ 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','CodeSnippet' ] },
{ 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';
config.extraPlugins ='codesnippet';
config.codeSnippet_theme = 'monokai_sublime';
config.toolbar = 'full';
};
本文标签:
很赞哦! ()
相关文章
随机图文
-
帝国CMS过滤html标签自定义NOHTML函数的方法
帝国cms过滤特定的字符函数,多用于简介地方,把函数放在“/e/class/connect.php”最后面,当然你只对前台过滤也可以放在“/e/class/userfun.php”里面。 -
帝国CMS增加JS手机跳转PC代码
本次方法采用模板模式,只要把代码插入模板,所有的页面都能使用, 帝国CMS栏目页面PC移动端自适应跳转代码 -
帝国CMS二次开发整合迅雷下载的步骤教程
迅雷下载已经大不如从前那么辉煌,但是下载大文件不得不承认用迅雷还是快很多。今天再给大家分享一个帝国cms二次开发整合迅雷下载干货教程 -
帝国cms广告位JS添加nofollow的方法
帝国cms广告位是通过文件生成的js文件,直接修改thea2.js文件重新生成之后就被替换了,所以我们需要生成广告Js的文件ListAd.php
留言与评论 (共有 条评论) |