找回密码
 注册

QQ登录

只需一步,快速开始

搜索
查看: 1653|回复: 0

[Z-Blog] zblog博客实现代码高亮显示方法(插件)

[复制链接]
发表于 2011-8-13 14:04:25 | 显示全部楼层 |阅读模式
代码高亮显示对于像我这个样的经常要写代码的博客很实用,我也一直在找,今天终于发现了一个效果不错的代码高亮显示插件。这个插件只需要按照配置一次,之后就可以在在线编辑器中轻松点击按钮实现添加代码了,后续操作很简单。

具体实现步骤如下:

首先下载:insertcodeRun.rar 文件

1.把文件夹放在 ADMIN\FCKeditor\editor\plugins

2.替换ADMIN\FCKeditor 下 的fckconfig.js

3.替换 ADMIN\FCKeditor\editor\lang下的zh-cn.js

4.在你的主题里修改single.html 加上下面两句!(修改后替换后,需要在后台中进行“文件重建”操作一下方可生效)

如果不需要复制代码功能,加上下面这个:
  1. <link rel="stylesheet" type="text/css" href="<#ZC_BLOG_HOST#>admin/fckeditor/editor/plugins/insertcodeRun/insertCode.css" />
复制代码
如果想要复制代码功能,要加入两个调用:
  1. <script type="text/javascript" src="<#ZC_BLOG_HOST#>admin/fckeditor/editor/plugins/insertcodeRun/insertcodePage.js"></script>

  2. <link rel="stylesheet" type="text/css" href="<#ZC_BLOG_HOST#>admin/fckeditor/editor/plugins/insertcodeRun/insertCode.css"/>
复制代码
其他的代码高亮插件也很多,这里在附一个代码高亮显示插件syntaxhighlighter,操作很简单,里面有实例可供参考。

点此下载syntaxhighlighter_2.0.320.zip
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|Archiver|手机版|小黑屋|王牌互联

GMT+8, 2024-11-17 07:36 , Processed in 0.027831 second(s), 15 queries .

Powered by Discuz! X3.5

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表