Prettify 使用 代码高亮

 

 

写文档 展示 代码 部分 ,要求高亮炫酷
Prettify 使用 代码高亮
 

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>

 

 

 

 

 

 

 

 

 

 

你可能感兴趣的:(js,代码,使用,高亮,prettify)