服务器之家

服务器之家 > 正文

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

时间:2019-09-12 14:36     来源/作者:帝国CMS教程网

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

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

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

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

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'; 

 

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

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

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

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


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

 

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


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

通过syntaxhighlight实现帝国cms代码高亮/语法高亮(二) 在编辑器中加载
  
至此我们完成了帝国cms6.6整合syntaxhighlight,实现了内容页面代码高亮。

相关文章

热门资讯

玄元剑仙肉身有什么用 玄元剑仙肉身境界等级划分
玄元剑仙肉身有什么用 玄元剑仙肉身境界等级划分 2019-06-21
华为nova5pro和p30pro哪个好 华为nova5pro和华为p30pro对比详情
华为nova5pro和p30pro哪个好 华为nova5pro和华为p30pro对比详情 2019-06-22
抖音撒撒累累是什么歌 撒撒累累张艺兴歌曲名字
抖音撒撒累累是什么歌 撒撒累累张艺兴歌曲名字 2019-06-05
男生常说24816是什么意思?女生说13579是什么意思?
男生常说24816是什么意思?女生说13579是什么意思? 2019-07-24
超A是什么意思 你好a表达的是什么
超A是什么意思 你好a表达的是什么 2019-06-06
返回顶部