文章/答案/技术大牛

发布

社区首页 >问答首页 >带有Google漂亮打印的XHTML片段

问带有Google漂亮打印的XHTML片段
EN

Stack Overflow用户

提问于 2013-11-18 16:16:44

回答 1查看 290关注 0票数 0

我正在考虑将Java代码片段插入到我的XHTML文档中的选项。我发现谷歌的“谷歌代码-美化”，但找不到任何模板，似乎最适合显示代码片段与行号等。有没有谁有经验使用谷歌代码美化与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来完成这一任务？

答:我把我的预标签包装在一个名为codesnippet的div中。下面是css中为我解决这个问题的代码。

#codesnippet li{text-align:left; }

java

xhtml

format

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-11-18 16:22:26

在<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; }

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

希望这能有所帮助。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/20052516

复制

相似问题

问带有Google漂亮打印的XHTML片段
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问带有Google漂亮打印的XHTML片段EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问带有Google漂亮打印的XHTML片段
EN