java - 如何呈现位于 HTML 文件之外的打印精美的 Java 源代码？

Question

我正在考虑为 Java 概念编写一个教程，如果我可以将该教程编写为带有 pretty-print 的 Java 源代码的 HTML 文档，那就太好了。

我知道我可以用例如http://code.google.com/p/google-code-prettify/如果我将 HTML 文档中的各种 Java 源代码复制到我想要的位置，并将样式类放在周围的标记上。

但是，为了确保片段是最新的，我真的希望 HTML 页面引用实际的、真实的 Java 源文件，而不是手动维护的副本。

据我了解 - 这可能是错误的 - Google Prettyprint 库不直接支持这，但可能是 Javascript 拉入文件并将其放入 <pre> 内的 DOM 树中的一些技巧。标签可以做到吗？我希望 HTML 文件存在于本地文件系统中，因此不能选择执行服务器端脚本。

我的问题是 - 我该怎么做？

(我打算将 HTML 文件物理放置在源代码树的根部。这意味着从 HTML 到 Java 源代码的所有引用都是相对的，并且没有“..”。我不知道这是否重要或不是。)

Answer 1

无法使用 JavaScript 直接访问文件。出于明显的安全原因，JavaScript 以这种方式受到限制。

您将需要您的网络服务器来提供 Java 文件。您不需要执行服务器端脚本，但 Java 文件的内容必须在某个网址上可用。如果是，您可以使用 AJAX 加载 Java 文件的内容并将内容插入到您的网页中。

使用 jQuery 加载文本可以按如下方式完成

$.get('java/somefile.java', function(data) {
  $('#sourceCodeDestination').html(data);
  // Prettyprint neeeds to run again in order to see the newly added code
  prettyPrint();
}, "text");

这将加载 URL java/somefile.java，以纯文本形式获取其内容，并将其插入到 id sourceCodeDestination 的 DOM 元素中。有关详细信息，请参阅 get() 上的 jQuery 文档。和 ajax() .

这里是a demo 。正如您所看到的，它从 CDN 加载 Prettyprint 源代码的缩小版本并漂亮地打印它。