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

来源:www.13sc.com | 游客上传 | 162 次浏览 | 0 条评论

搜索: syntaxhighlight 帝国cms 语法高亮 代码高亮 

在进行整合之前,首先要保证syntaxhighlight能在网站中正常使用。请先看syntaxhighlight实现帝国cms代码/语法高亮(1)

在进行整合之前,首先要保证syntaxhighlight能在网站中正常使用。请先看syntaxhighlight实现帝国cms代码/语法高亮

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

地址:http://img.13sc.com/uploads/web/cms/462-FCKEditor-syntaxhighlight_2.1.0.zip
2.将syntaxhighlight2解压到eadminecmseditorinfoeditoreditorplugins目录,如图

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,实现了内容页面代码高亮。


标签: syntaxhighlight 帝国cms 语法高亮 代码高亮

最热-帝国cms

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

帝国Cms 分配栏目管理权限的设置教程

帝国cms支付宝接口最新网关地址更改方法

帝国CMS扩展SQL程序编写介绍

帝国CMS的采集常用小技巧介绍

帝国cms中关于[!--newsnav--]的问题

帝国CMS如何制作手机网站详细图解

帝国CMS使用中常见的英文错误提示介绍与解答

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

帝国ecms列表页标题图片判断功能实现方法

下载内容页显示迅雷,快车加密地址标签

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

Copyright 2009-2013 13sc.com All Rights Reserved.