FCK 插入语法高亮显示 实践版

因为BBS要用到FCK,而且要插入代码,所以找了个FCK的语法高亮显示插件。网上有例子,但是用的时候还有对我这样的初学者有一定得疑惑,写下了,记一下。
首先将压缩包中的

Editor\editor\plugins\highlighter

目录下所有文件放入项目中的FCK包中,然后在 fckconfig.js 中的

FCKConfig.PluginsPath = FCKConfig.BasePath + 'plugins/' ;

下面加入

FCKConfig.Plugins.Add( 'highlighter','zh-cn') ;
FCKConfig.Plugins.Add( 'placeholder') ;

然后还要在工具栏中加入插入代码的图标(第一个就是的)

FCKConfig.ToolbarSets["Default"] = [
['HighLighter','Smiley','Cut','Copy','Paste'],
['OrderedList','UnorderedList','-','Outdent','Indent'],
['JustifyLeft','JustifyCenter','JustifyRight','JustifyFull'],
['Link','Unlink','Anchor','Image','Flash'],
['TextColor','BGColor','Table'],
['Style','FontFormat','FontName','FontSize']
] ;

最后为了让代码在页面显示,我们需要加入CSS 中的 SyntaxHighlighter.css 加入到项目中的CSS 目录中。

在显示的页面中

<link type="text/css" rel="stylesheet" href="css/SyntaxHighlighter.css" />

OK,可以显示!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值