web页面代码高亮显示使用Prettify方法总结

发布时间 : 05-11
Prettify 是什么?
Prettify 是一款 HTML 代码高亮js代码,可以让你的网站代码显示更具特色。例如我们做个人it技术博客的时候,会经常在web页面中引入一些代码块,这时这个Prettify.js代码就发挥了它的作用了。我这边就不在过多的讲Prettify.js代码实现的原理了,直接教你们怎么引用它们,让你的web页面的代码看起来更亮。

1、引入js文件(这里不要有太多的疑问,直接复制粘帖就好)
<!-- 代码高亮设置 -->
<link type="text/css" rel="stylesheet" href="/prettify/prettify.css"/>
<script type="text/javascript" src="/prettify/prettify.js"></script>
<script src="/prettify/jquery.js"></script>
<script>
    $(window).load(function() {
        $("pre").addClass("prettyprint");
        prettyPrint();
    })
    </script>
<!-- 代码高亮设置 -->

把上面这些代码复制到你的web内容模版上面,在head区域。

2、插入html标签
在网站内容管理系统编辑内容的时候在代码区域给它加上<pre>标签
<pre>代码......</pre>

下面提供以上高亮显示js下载地址:链接:https://pan.baidu.com/s/1kRcVj53RJvhL7knRwF5WXg 
微信公众号搜索“军哥seo”,关注回复:Prettify,获取提取码。

文章推荐:

Java中日期的使用方法是什么?

JAVA写的日期选择器是什么?

java入门Java中的日期如何处理?

如何使用JS实现用table制作进度条呢?

猎杀潜航2的操作方式是怎样的呢?