`
heyaron
  • 浏览: 49625 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

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,可以显示!
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics