FCKeditor 代码语法高亮插件配置

2个回复fCys继续学习2008-06-01 14:57:02

这几天在研究为FCKeditor 添加代码高亮和运行代码的效果了,已经有所进展了,先把高亮的方法写出来.

研究了code和InsertCode两个插件,后面还是选择用code了但code不支持PHP的语法.

方法:

1.下载code.rar

2.解压code文件夹后直接放到fckeditor里面的plugins目录下(FCKeditoreditorplugins)，默认就是这个目录，可以在fckconfig.js 里面的找到FCKConfig.PluginsPath = FCKConfig.BasePath + 'plugins/' ; 这句就是设置你的插件目录.

3.在fckconfig.js里面加入： FCKConfig.Plugins.Add( 'code','ch' ) ; 这样就可以了，下面在你的工具栏设置里面添加 code按钮：'Code'，（注意首字母大写），比如：FCKConfig.ToolbarSets["Default"] = [ ['Source','Bold','Italic','-','OrderedList','UnorderedList','-','Link','Unlink','-','Image','About','Code'] ] ;

4.把code文件夹里面的code.css文件复制到你网站的CSS文件夹下面,然后到网页头部插入对这个CSS文件的引用

<link rel="stylesheet" href="存放CSS文件的地址/code.css" />

没引用这个文件的话就看不到效果咯



这个高亮的的插件在发CSS代码的时候  当代码中有right的时候会多出一个right来 不知道有人解决这个问题没有,后续更新代码语法高亮+运行代码 的时候会尝试解决的.

Tags: ,

  1. Xuange 2008-06-04 22:57:57 Says:
    晕
    是个广告哦，直接SPAM
  2. 半瓶墨水 2008-06-01 19:55:07 Says:
    其实可以考虑到代码发芽网贴一下然后复制粘贴到blog，这样就有代码高亮了，有多种配色主题可供选择。

    比如我在百度空间贴的这一篇：
    http://hi.baidu.com/2maomao/blog/item/124fd31bfa6461d0ad6e7583.html

    代码发芽网网址：
    http://www.fayaa.com/code/

    完整的介绍：
    http://www.2maomao.com/blog/code-fayaa-beta/

Leave a Reply