因为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,可以显示!
首先将压缩包中的
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,可以显示!