首页 / HTML / 使用SyntaxHighlighter实现HTML高亮显示代码的方法

使用SyntaxHighlighter实现HTML高亮显示代码的方法

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了使用SyntaxHighlighter实现HTML高亮显示代码的方法，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1845字，纯文字阅读大概需要3分钟。

内容图文

//www.gxlcms.com/jiaoben/15599.html
syntaxhighlighter是一个小开源项目，它可以在网页中对各种程序源代码语法进行加亮显示。支持当前流行的各种编程语言：
C#、CSS、C++、Delphi、Java、JavaScript、PHP、Python、Ruby、SQL、Visual Basic、XML / 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）： 
 代码如下:

<textarea name="code" class="js" rows="15" cols="100"> 
//程序源代码放在这儿 
</textarea> 
 

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

<script class="javascript" src="images/Scripts/shCore.js"></script> 
<script class="javascript" src="images/Scripts/shBrushCSharp.js"></script> 
<script class="javascript" src="images/Scripts/shBrushPhp.js"></script> 
<script class="javascript" src="images/Scripts/shBrushJScript.js"></script> 
<script class="javascript" src="images/Scripts/shBrushJava.js"></script> 
<script class="javascript" src="images/Scripts/shBrushVb.js"></script> 
<script class="javascript" src="images/Scripts/shBrushSql.js"></script> 
<script class="javascript" src="images/Scripts/shBrushXml.js"></script> 
<script class="javascript" src="images/Scripts/shBrushDelphi.js"></script> 
<script class="javascript" src="images/Scripts/shBrushPython.js"></script> 
<script class="javascript" src="images/Scripts/shBrushRuby.js"></script> 
<script class="javascript" src="images/Scripts/shBrushCss.js"></script> 
<script class="javascript" src="images/Scripts/shBrushCpp.js"></script> 
<script class="javascript"> 
dp.SyntaxHighlighter.HighlightAll('code'); 
</script>

内容总结

以上是互联网集市为您收集整理的使用SyntaxHighlighter实现HTML高亮显示代码的方法全部内容，希望文章能够帮你解决使用SyntaxHighlighter实现HTML高亮显示代码的方法所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/371964.html

来源：【匿名】