首页 > 代码库 > 代码高亮插件——wangHightLighter.js——demo演示

代码高亮插件——wangHightLighter.js——demo演示

2024-08-10 15:30:03   218人阅读

wangHighLighter demo

语言：   主题：

 
<script type="text/javascript">// ‘ + value + ‘‘)); }); //绑定主题下拉框 $.each(themeArray, function(key, value){ $sltTheme.append($(‘‘)); }); $btn1.click(function () { var code = $txt1.val(), lang = $sltLang.val(), theme = $sltTheme.val(), highLightCode; //生成高亮格式化之后的html代码 highLightCode = wangHighLighter.highLight(lang, theme, code); $div1.html(highLightCode); }); });// ]]></script>

说明：

wangHightLighter.js是一个可以将代码高亮显示的javascript小插件，支持常用的20多语言、多个漂亮的主题。代码开源。

使用说明 & 下载：https://github.com/wangfupeng1988/wangHighLighter

技术分享

 

-------------------------------------------------------------------------------------------------------------

欢迎关注我的微博。也欢迎关注我的教程：

《从设计到模式》《深入理解javascript原型和闭包系列》《微软petshop4.0源码解读视频》《json2.js源码解读视频》

-------------------------------------------------------------------------------------------------------------

代码高亮插件——wangHightLighter.js——demo演示


联系
我们