zblog插件:博客实现代码高亮显示方法

王朝学院·作者佚名  2016-08-22
窄屏简体版  字體: 小  |  中  |  大  |  超大  

代码高亮显示对于像我这个样的经常要写代码的博客很实用,我也一直在找,今天终于发现了一个效果不错的代码高亮显示插件。这个插件只需要按照配置一次,之后就可以在在线编辑器中轻松点击按钮实现添加代码了,后续操作很简单。

具体实现步骤如下:

首先下载:insertcodeRun.rar 文件

1.把文件夹放在 ADMINFCKeditoreditorplugins

2.替换ADMINFCKeditor 下 的fckconfig.js

3.替换 ADMINFCKeditoreditorlang下的zh-cn.js

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

如果不需要复制代码功能,加上下面这个:

<link rel="stylesheet" type="text/CSS" href="<#ZC_BLOG_HOST#>admin/fckeditor/editor/plugins/insertcodeRun/insertCode.css" />

如果想要复制代码功能,要加入两个调用:

<script type="text/javascript" src="<#ZC_BLOG_HOST#>admin/fckeditor/editor/plugins/insertcodeRun/insertcodePage.js"></script>

<link rel="stylesheet" type="text/css" href="<#ZC_BLOG_HOST#>admin/fckeditor/editor/plugins/insertcodeRun/insertCode.css"/>

其他的代码高亮插件也很多,这里在附一个代码高亮显示插件syntaxhighlighter,操作很简单,里面有实例可供参考。

点此下载syntaxhighlighter_2.0.320.zip

原创文章如转载,请注明转载自:优设前端 。

 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
© 2005- 王朝網路 版權所有 導航