• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >编程技巧 > 代码着色之SyntaxHighlighter项目(最流行的代码高亮)

代码着色之SyntaxHighlighter项目(最流行的代码高亮)

作者: 字体:[增加 减小] 来源:互联网 时间:2017-05-12

通过本文主要向大家介绍了代码着色之SyntaxHighlighter项目(最流行的代码高亮)等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

下载地址:http://www.dreamprojections.com/syntaxhighlighter/
                或http://code.google.com/p/syntaxhighlighter/
演示地址:http://www.dreamprojections.com/syntaxhighlighter/Tests/PHP.html

使用方法:

1、假设网页文件test.htm存放在一个目录,则将dp.SyntaxHighlighter解压缩到该目录下的子目录,假设为images
2、在网页的<head></head>之间插入以下代码:

<link type="text/css" rel="stylesheet" href="images/Styles/SyntaxHighlighter.css"></link>

3、在网页要显示程序源代码的地方插入以下代码(其中的class="js"表示以js语法显示源代码,其他可设定的class值分别为c#、css、c、delphi、java、js、php、python、ruby、sql、vb、xml):

4、在网页尾部的</body>之前插入以下代码:

安装使用方法:

1. 首先在页面上添加如下代码(假设下载后的SyntaxHighlighter放在SyntaxHighlighter目录下面,注意目录结构):

官方的安装中没有window.onload,我想这个还是需要的,毕竟,页面加载的时候我就需要给代码着色。

2. 使用方法如下:

方法一:使用pre

方法二:使用textarea

另外,这里还有一些高级特性的设置方法可供参考,诸如代码折叠等。

我在互动wiki 上安装成功,安装方法如上,第一步的修改代码放到doc.php文件的最后即可,以后编辑wiki的时候直接使用html模式即可按照第二步的方法给代码着色。

PS:CSDN的blog系统上使用的也是这个插件:>

=============================
http://code.google.com/p/syntaxhighlighter/downloads/list

第一步:增加样式包含

<link type=”text/css” rel=”stylesheet” href=”Styles/SyntaxHighlighter.css”></link>

第二步:增加代码

这里的class指的是语言有c,c#,vb,java,php,ruby,js,css,sql…

第三步包含所需要的js

1.首先下载SyntaxHighlighter.

2.解压到SyntaxHighlighter目录中.

3.建立HTML文件:

可以应用在pre和textarea两种HTML标签内,name为code,class为要着色的语言,现在支持C, C#, CSS, Delphi, Java, JScript, Php, Python, Ruby, Sql, VB, XML这些语言.

4.加入所需的CSS和JS文件:

<script src="./lib/SyntaxHighlighter/Scripts/shCore.js"></script>

分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

相关文章

  • 2017-05-12asp.net php asp jsp 301重定向的代码(集合)
  • 2017-05-12多种语言下获取当前页完整URL及其参数
  • 2017-05-12windows开发记事本程序纪实(一)界面篇
  • 2017-05-12GIt的基本操作详解
  • 2017-08-23FFmpeg基本介绍
  • 2017-05-12ISO-8859-1 、Latin-1 西欧编码介绍及应用
  • 2017-08-27关于进制转换 二进制与十六进制
  • 2017-05-12对Web开发人员有用的8个网站小结
  • 2017-05-12浏览器关闭使session失效的问题多种解决方式
  • 2017-05-12文本文件编码方式区别

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • 10个调试和排错的小建议
    • HTML5 拖拽复制功能的实现
    • 算法系列15天速成 第十四天 图【上】
    • WebStorm 遇到的问题总结
    • Git入门【推荐】
    • iisschlp.wsc [88,25] 属性值无效 : progid
    • C/S和B/S两种架构的概念、区别和联系
    • react-native在项目中使用半年后的感受
    • 高性能WEB开发 图片压缩篇
    • 算法系列15天速成 第九天 队列

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有