本文详细介绍了帝国CMSFCKeditor的在线编辑器以及代码插件的插入方式(根据SyntaxHighlighter代码的高亮插件),想必各位朋友可以参考一下。
在线编辑器(FCK)的默认设置没有插入代码的功能,所以习惯上在添加代码的时候引入这个功能。但是,这也太不专业了吧?那又怎么样?只需给FCK添加一个插件。下面是众所周知的SyntaxHighlighter。
首先,大家可以去官网下载最新版本,但是下载了不代表就可以用了,还需要一些设备,对于新手来说难度比较大。在这里,我们可以立即套用恨雪给出的已经装备的版本(2.1.382版),本示例教程也是基于该版本。
下载地址:大家
下载应力后,有2个文件夹名称:
首先,将文件夹名SyntaxHighlighter2.1.382提交到网站的根目录,或者任何你喜欢的区域,你可以重命名文件夹名。但如果后期模板文档中启用了CSS和js,方式应该是正确的。在这里,我也将它导入到网站的根目录中。
其次,将下面的代码添加到内容模板中,这里需要注意第一步。
复制下面的代码:
<;scripttype="text/JavaScript"src="[!–news.URL–]syntaxhighlighter2.1.382/scripts/shbrushjscript.js">;</script>;
<;scripttype="text/JavaScript"src="[!–news.URL–]syntaxhighlighter2.1.382/scripts/shbrushXML.js">;</script>;
<;scripttype="text/JavaScript"src="[!–news.URL–]syntaxhighlighter2.1.382/scripts/shbrushPHP.js">;</script>;
<;scripttype="text/JavaScript"src="[!–news.URL–]syntaxhighlighter2.1.382/scripts/shbrushSQL.js">;</script>;
<;linktype="text/CSS"rel="stylesheet"href="[!–news.URL–]syntaxhighlighter2.1.382/styles/shcore.CSS"/>;
<;linktype="text/CSS"rel="stylesheet"href="[!–news.URL–]syntaxhighlighter2.1.382/styles/shthemedefault.CSS"/>;
<;scripttype="text/JavaScript">;
syntaxhighlight.config.clipboardswf='[!–news.URL–]syntaxhighlighter2.1.382/scripts/clipboard.swf';
syntaxhighlighter.all();
<;/script>;
值得一提的是,上面shBrushSql.js等JS并不是固定要启用的。这种JS有自己的意思(刷子),可以看官网的文字文档。由于我经常使用css,html,php和sql,所以只能写上面显示的js。自然,如果你喜欢,什么都可以用。但那会比较慢。但是,假设你没有启用php,如果你在插入代码的时候选择了php作为语言,前台会提醒你不正确。(shCore.js必须有,否则前台接待没有实际效果)
第三,put&ldquo;语法高亮&rdquo这个文件夹&传入e/admin/ECMeditor/infoeditor/editor/plugins&;rdquo换句话说,它是FCK在线编辑器的一个插件。
第四,要改变FCK在线编辑器的环境变量,必须给在线编辑器添加插件和按钮。
1.环境变量的后台管理:/e/admin/ECMeditor/infoeditor/fckconfig.js
2.前台接收环境变量的方式:/e/data/ECMeditor/infoeditor/fckconfig.js
找fckconfig插件路径=fckconfigbasepath“plugins/”;在51号线上。
Insert
复制下面的代码:
fckconfig.plugins.add('语法高亮2','zh-cn');
//默认语言选项:c、csharp、css、delphi、java、jscript、php、python、ruby、sql、vb、xhtml
FCKConfig。syntaxhighlight2langdefault='c';
然后查找“InsertTBr”],并在“inserttbr”后键入“SyntaxHighLight2”。
就算完成了,在线编辑器的页面大概如下:
实际接收效果大概如下:
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)