语法高亮显示不起作用

时间:2014-05-21 05:53:48

标签: javascript html css syntaxhighlighter

我只是按照here上的说明进行操作并且没有任何帮助?

<script type="text/javascript" src="sh/src/shCore.js"></script>

<script type="text/javascript" src="sh/scripts/shBrushJScript.js"></script>

<link href="sh/styles/shCore.css" rel="stylesheet" type="text/css" />
<!--<link href="sh/styles/shCoreDefault.css" rel="stylesheet" type="text/css" />-->
<link href="sh/styles/shThemeDefault.css" rel="stylesheet" type="text/css" />

<pre class="brush: js">
    /**
     * SyntaxHighlighter
     */
    function foo()
    {
        if (counter <= 10)
            return;
        // it works!
    }
</pre>
<script type="text/javascript">
     SyntaxHighlighter.all()
</script>

在控制台中发现了一些错误,不知道如何使用它。

未捕获的ReferenceError:未定义XRegExp shCore.js:123 未捕获的TypeError:无法读取属性&#39;荧光笔&#39;未定义的shBrushJScript.js:45 未捕获的TypeError:无法读取属性&#39; all&#39;未定义的test.php:21 Attr.specified已弃用。它的价值永远是真实的。

2 个答案:

答案 0 :(得分:2)

我发现了 LINK

尝试将语法highliter的所有本地文件保存在同一目录中,如下所示:

<script type="text/javascript" src="sh/src/shCore.js"></script>

<script type="text/javascript" src="sh/src/shBrushJScript.js"></script>

<script type="text/javascript" src="sh/scripts/shCore.js"></script>

<script type="text/javascript" src="sh/scripts/shBrushJScript.js"></script>

答案 1 :(得分:0)

我很快创建了一个简单的html网站来检查你的问题,它对我有用:

<html>
<head>
    <link href="http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css" rel="stylesheet" type="text/css" />
    <script src="http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js" type="text/javascript"></script>
    <script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js" type="text/javascript"></script>
    <link href="http://alexgorbatchev.com/pub/sh/current/styles/shCore.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <pre class="brush: js">
    /**
    * SyntaxHighlighter
    */
    function foo()
    {
        if (counter <= 10)
            return;
        // it works!
    }
    </pre>
    <script type="text/javascript">
        SyntaxHighlighter.all()
    </script>
</body>
</html>

所以我很确定,由于<script>标记中的文件没有正确引用本地文件,因此您会遇到一些引用问题。再次尝试使用脚本作者提供的远程文件。那会有用吗?