Question

我在使Google Code Prettify正常运行时遇到问题。此示例正在使用提供的远程文件：

<html>
<head>
    <title>Google Code Prettify testing</title>
    <script data-brackets-id='140' src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js?autoload=true&amp;skin=sunburst&amp;lang=css" defer="defer">
    </script>
</head>

<body>

<h1>Google Code Prettify testing</h1>

<pre class="prettyprint" style="font-size: 12pt;">
&lt;script type="text/javascript"&gt;
// This is a comment
var myString = "Hello, World!";
var myInt = 42;

function helloWorld(world) {
    for (var myInt; --myInt &gt;= 0;) {
        alert(myString);
    }
}
&lt;/script&gt;
&lt;style&gt;
    p { color: pink }
    b { color: blue }
    u { color: "umber" }
&lt;/style&gt;
</pre>

</body>
</html>

结果：

prettify-testing1

这是来自Prettify远程主机。请注意，<script>中的某些项目仅用于样式和行为。以下工作正常：

<html>
<head>
  <title>Prettify Default Test</title>
  <script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>
</head>

它只是使用默认的外观和行为进行渲染（请注意，这是一个不同的浏览器）

prettify-testing5

然而，当我在本地下载并保存文件时，我写下：

<html>
<head>
    <title>Google Code Prettify testing</title>
    <link href="google-code-prettify/src/prettify.css" type="text/css" rel="stylesheet" />
    <script type="text/javascript" src="google-code-prettify/js-modules/run_prettify.js"></script>
</head>

<body onload="prettyPrint()">

<h1>Google Code Prettify testing</h1>

<pre class="prettyprint" style="font-size: 12pt;">
&lt;script type="text/javascript"&gt;
// This is a comment
var myString = "Hello, World!";
var myInt = 42;

function helloWorld(world) {
    for (var myInt; --i &gt;= 0;) {
        alert('Hello ' + String(world));
    }
}
&lt;/script&gt;
&lt;style&gt;
p { color: pink }
b { color: blue }
u { color: "umber" }
&lt;/style&gt;
</pre>

</body>
</html>

然后，没有任何格式化：

prettify-testing2

以下是文件夹结构的快照。我已经验证确保在代码中准确引用了它......

prettify.css

prettify-testing3

run_prettify.js

prettify-testing4

你能提供任何关于它为何采取这种行动的建议吗？

Answer 1

您的格式化不起作用的原因是因为您为“run_prettify.js文件引用了错误的路径。您将所有的美化文件存储在google-code-prettify / src /中，而您尝试链接到不存在的文件夹，例如js-modules。

我已经在本地进行了测试，使用您提供的相同文件夹结构的确切来源来复制您的环境，并且在格式化呈现仅黑色字体时得出了相同的结果。一旦我将其更改为“google-code-prettify / src /”，它就可以正常工作。

同样，要解决此问题，请更改以下路径：

<script type="text/javascript" src="google-code-prettify/js-modules/run_prettify.js"></script>

到

<script type="text/javascript" src="google-code-prettify/src/run_prettify.js"></script>

您可能遇到的唯一其他问题是某些浏览器（尤其是IE）可能会阻止某些内容在您的浏览器中显示。如果您在网络上强制阻止某些内容显示或提示您在显示被阻止的内容之前获得许可，则可能必须先选择“显示已阻止的内容”或类似内容，然后才能显示您希望的内容。

希望这有帮助！

编辑：这对您来说是不必要的 - 但可以帮助其他类似情况的社区成员 - 但我想我也会参考使用入门部分，该部分指的是提供服务的要求JS和CSS文件以及如何启动和运行。

https://code.google.com/p/google-code-prettif/wiki/GettingStarted#Serving_your_own_JS_&_CSS

整理不能在本地正确链接

prettify.css

run_prettify.js

1 个答案: