Question

我正在研究将Java SE代码段插入到我的XHTML文档中的选项。我发现Google的'google-code-prettify'但是找不到任何最适合显示带行号的代码片段的模板等。有没有人有使用google-code-prettify和java源码的任何经验，或者是否有其他插件我可以试试？

编辑：我更新了我的xhtml，所以它目前看起来像这样。然后我更新了prettify.css源代码，以包含以下注释中提供的代码。

<link href="prettyprint\google-code-prettify\src\prettify.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="prettyprint\google-code-prettify\src\prettify.js"></script>

我的java源仍然居中，而不是向左缩进。我是否需要更新.js文件或.css以进一步完成此操作？

答案：我将pre标签包装在一个名为codesnippet的div中。下面是css中为我修复此问题的代码。

#codesnippet li{text-align:left; }

Answer 1

在<head>标记中插入以下代码。

<script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>

然后将您的代码放在<pre>标签中。

<pre class="prettyprint lang-java linenums">

public class Foo {

    public void bar(){
        System.out.println("Foo.bar");
    }

}

</pre>

<强> 编辑：

这是我的CSS。

.pln { color: #000000 }
.str { color: #DD1144 }
.kwd { color: #000000; font-weight: bold }
.com { color: #999988; font-style: italic }
.typ { color: #445588; font-weight: bold }
.lit { color: #008080 }
.pun, .opn, .clo { color: #000000 }
.tag { color: #080080 }
.atn { color: #7F0055 }
.atv { color: #008008 }
.dec, .var { color: #2A00FF }
.fun { color: #FF0000 }
li.L0, li.L1, li.L2, li.L3, li.L4, li.L5, li.L6, li.L7, li.L8, li.L9 { color: #999988; }
 li.L0, li.L2, li.L4, li.L6, li.L8 { background: #F5F5F5; }

它在我的页面上呈现如下。

enter image description here

希望这有帮助。

带有Google Pretty print的XHTML java代码段

1 个答案: