Prettify 使用 代码高亮 博客分类： js Prettify使用代码高亮js

 

 

写文档 展示 代码 部分 ，要求高亮炫酷

 

1.建立HTML文件，添加 pre 节点，节点中弄些 HTML 代码。

 

<pre>
    // 异步方式
    // 结果以事件回调方式返回
    Command command = new Command("/system/bin/ping",
            "-c", "4", "-s", "100",
            "www.baidu.com");
    Command.command(command, new Command.CommandListener() {
        @Override
        public void onCompleted(String str) {
            Log.i(TAG, "onCompleted：\n" + str);
        }
        @Override
        public void onCancel() {
            Log.i(TAG, "onCancel");
        }
        @Override
        public void onError() {
            Log.i(TAG, "onError");
        }
    });
</pre>

2.首先引入 css 样式和 js ：

 

    <link href="prettify.min.css" rel="stylesheet">
    <script src="run_prettify.min.js"></script>

3.然后给 pre 节点加上一个 class 属性：

 

<pre class="prettyprint lang-java">
...
</pre>

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

捐助开发者

在兴趣的驱动下,写一个免费的东西，有欣喜，也还有汗水，希望你喜欢我的作品，同时也能支持一下。 当然，有钱捧个钱场（右上角的爱心标志，支持支付宝和PayPal捐助），没钱捧个人场，谢谢各位。

 
 
 谢谢您的赞助，我会做的更好！