帝国CMS FCKeditor编辑器添加插入代码插件方法(基于SyntaxHighlighter代码高亮插件)

帝国CMS FCKeditor编辑器添加插入代码插件方法(基于SyntaxHighlighter代码高亮插件),第1张

帝国CMSFCKeditor编辑器添加插入代码插件方法(基于SyntaxHighlighter代码高亮插件)

本文详细介绍了帝国CMSFCKeditor的在线编辑器以及代码插件的插入方式(根据SyntaxHighlighter代码的高亮插件),想必各位朋友可以参考一下。

在线编辑器(FCK)的默认设置没有插入代码的功能,所以习惯上在添加代码的时候引入这个功能。但是,这也太不专业了吧?那又怎么样?只需给FCK添加一个插件。下面是众所周知的SyntaxHighlighter。

首先,大家可以去官网下载最新版本,但是下载了不代表就可以用了,还需要一些设备,对于新手来说难度比较大。在这里,我们可以立即套用恨雪给出的已经装备的版本(2.1.382版),本示例教程也是基于该版本。

下载地址:大家

下载应力后,有2个文件夹名称:

首先,将文件夹名SyntaxHighlighter2.1.382提交到网站的根目录,或者任何你喜欢的区域,你可以重命名文件夹名。但如果后期模板文档中启用了CSS和js,方式应该是正确的。在这里,我也将它导入到网站的根目录中。

其次,将下面的代码添加到内容模板中,这里需要注意第一步。


复制下面的代码:
<;scripttype="text/JavaScript"src="[!–news.URL–]syntaxhighlighter2.1.382/scripts/shbrushcss.js">;</script>;
<;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”。

就算完成了,在线编辑器的页面大概如下:

实际接收效果大概如下:

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/772734.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-03
下一篇 2022-05-03

发表评论

登录后才能评论

评论列表(0条)

保存