通过syntaxhighlight实现帝国cms代码高亮/语法高亮(二) 在编辑器中加载

所属分类: CMS教程 / 帝国cms 阅读数: 850
收藏 0 赞 0 分享
在进行整合之前,首先要保证syntaxhighlight能在网站中正常使用。请先看syntaxhighlight实现帝国cms代码/语法高亮

1.这时候需要下载另外一个插件:

地址:http://psykoptic.com/userfiles/files/FCKEditor-syntaxhighlight_2.1.0.zip
2.将syntaxhighlight2解压到e\admin\ecmseditor\infoeditor\editor\plugins目录,如图

4解压到.jpg

3.syntaxhighlight2的lang文件夹新建文件zh-cn.js,这其实是对syntaxhighlight的汉化。

内容如下:

复制代码
代码如下:

FCKLang.SyntaxhighlightBtn = '插入/编辑高亮源代码';
FCKLang.DlgSyntaxhighlightTitle = 'Syntax Highlighter 2';
FCKLang.SyntaxHightlightTab1 = '源代码';
FCKLang.SyntaxHightlightTab2 = '高级选项';
// source code tab
FCKLang.SyntaxHightlightLang = '选择语言';
FCKLang.SyntaxHightlightEnterCode = '输入代码';
// advanced tab
FCKLang.SyntaxHightlightGutter = '行号';
FCKLang.SyntaxHightlightGutterDetail = '隐藏行号';
FCKLang.SyntaxHightlightNoControls = '工具面板';
FCKLang.SyntaxHightlightNoControlsDetail = '隐藏工具面板.';
FCKLang.SyntaxHightlightCollapse = 'Collapse';
FCKLang.SyntaxHightlightCollapseDetail = '代码块是否默认折叠。(controls need to be turned on)';
FCKLang.SyntaxHightlightLineCount = '起始行号';
FCKLang.SyntaxHightlightLineCountDetail = '该配置项允许修改起始行的行号. 默认值为 1.';
FCKLang.SyntaxHightlightShowcolumns = '显示列';
FCKLang.SyntaxHightlightShowcolumnsDetail = '在第1行显示列.(好像没有效果)';
FCKLang.SyntaxHightlightLines = '显示高亮行';
FCKLang.SyntaxHightlightLinesDetail = '该配置项用来着重显示某些代码行。例如 <em>3,10,15</em>.';
FCKLang.SyntaxHightlightInformation = '<strong>注意:</strong>该插件必须配合<strong>Java Script SyntaxHighlighter</strong><a href="http://alexgorbatchev.com/wiki/SyntaxHighlighter" target="_blank">alexgorbatchev.com</a>使用. 如果您的网站没有配置SyntaxHighlighter,该插件不会有任何效果!';


4.修改e/admin/ecmseditor/infoeditor/fckconfig.js文件


复制代码
代码如下:

FCKConfig.Plugins.Add('syntaxhighlight2','zh-cn');
// default language options:
// c++,csharp,css,delphi,java,jscript,php,python,ruby,sql,vb,xhtml
FCKConfig.SyntaxHighlight2LangDefault ='css';


5加载.jpg

5.接着修改该文件的FCKConfig.ToolbarSets["Default"]值,找到FCKConfig.ToolbarSets["Default"]相关项,添加SyntaxHighlight2按钮。

6添加按钮.jpg
 
 

6.清空浏览器缓存,重新登录,在编辑器上出现syntaxhighlight2按钮。


7按钮效果.jpg

 

单击该按钮,出现syntaxhighlight2插件的对话框,如下图


 8按钮效果2.jpg

9按钮效果3.jpg
  
至此我们完成了帝国cms6.6整合syntaxhighlight,实现了内容页面代码高亮。

更多精彩内容其他人还在看

帝国cms的灵动标签判断栏目ID的方法

帝国cms的灵动标签怎么判断栏目ID,需要的朋友可以参考下
收藏 0 赞 0 分享

帝国cms调用会员排行的序号的实现代码

帝国cms调用会员排行的序号的实现代码,需要的朋友可以参考下
收藏 0 赞 0 分享

帝国cms TAGS功能介绍与管理

帝国CMS的tags功能不仅是作为tags信息列表使用,而且是将tags作为自定义分类来使用,可按TAGS调用信息,可以实现碎片同样的功能,只是tags随时都能分类,更加灵活
收藏 0 赞 0 分享

帝国cms 6.6TAGS标签(showtags)调用说明

showtags标签可以通过链接附加参数tempid在标签中设定“标签模板”ID,如何改变整个tags列表页的模板?而不仅仅是改变标签模板
收藏 0 赞 0 分享

帝国cms 搜索关键字调用标签(showsearch)使用说明

本文将详细介绍帝国cms 搜索关键字调用标签(showsearch)使用说明,需要了解的朋友可以参考下
收藏 0 赞 0 分享

给帝国cms 腾讯QQ、淘宝旺旺、微软MSN、谷歌Gtalk 等在线客服增加方法

选择在线状态图片风格、填写QQ号码、在线状态的使用范围(域名)、图片旁的留言、会话权限(一般选择沟通时可使用图片、可发送文件),然后点击“生成网页代码”超低价格,根据提示输入QQ的密码和验证码,然后就会生成代码
收藏 0 赞 0 分享

帝国cms 批量替换字段值使用说明

帝国cms 批量替换字段值为对信息表字段的内容进行批量替换,提高用户工作效率
收藏 0 赞 0 分享

帝国CMS整合Discuz的多种方法详细介绍

帝国CMS整合Discuz有两种方式:方式一、用Ucenter接口整合。使用Ucenter接口整合无需安装通行证跟万能会员接口;方式二、用Discuz通行证接口整合。需先安装万能会员接口,然后再安装通行证
收藏 0 赞 0 分享

帝国CMS自定义JS语句详细整理

大家都知道帝国CMS有一个自定义JS的功能,不知道大家了解吗?这种自定义js常应用于如搜索页面或者其他时时动态显示,虽然有这项功能但由于很多盆友不知道SQL语句,根本无法使用,本文列出常用的语句和大家分享
收藏 0 赞 0 分享

帝国cms签发信息功能使用介绍

本文详细介绍帝国cms签发信息功能使用,需要了解的朋友可以参考下
收藏 0 赞 0 分享
查看更多