html语言 高亮代码,html代码高亮显示,js代码高亮显示

本文介绍了一种使用syntaxhighlighter插件实现代码高亮显示的方法,并通过一个具体示例展示了如何配置和应用该插件。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

引子

很多博客和论坛都有代码识别,代码高亮显示,那么这些代码高亮制作是如何完成的呢?其实代码高亮的方法有很多,网上随便搜搜,最起码能找到九种代码高亮的方法!下面我来介绍一种代码高亮的方法。那就是用syntaxhighlighter这个插件。

案例介绍

下面请看我用syntaxhighlighter写的一个demo吧!

上面案例中的代码已经高亮显示,那么这是如何制作的呢?

案例代码

html代码:

RunJS

代码高亮演示 SyntaxHighlighter

 
 

@haorooms

$(document).ready(function(){

SyntaxHighlighter.config.clipboardSwf = 'clipboard.swf';//加载swf

SyntaxHighlighter.all();

});

js代码:

$(document).ready(function(){

SyntaxHighlighter.config.clipboardSwf = 'clipboard.swf';

SyntaxHighlighter.all();

});

syntaxhighlighter下载地址

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值