Question

在我的项目中，我使用SyntaxHighlighter jQuery插件来显示代码示例。我真的很喜欢它，但我遇到了问题。当我需要显示包含HTML的代码示例时，插件无法正常工作。

我添加了我需要的所有脚本和样式表：

    <link rel="stylesheet" type="text/css" href="syntax/styles/shCoreEclipse.css"/>
    <script src="syntax/scripts/shCore.js"></script>
    <script src="syntax/scripts/shBrushPhp.js"></script>
    <script src="syntax/scripts/shBrushXml.js"></script>

然后我有我的预标签：

<pre class="brush: php; toolbar: false; html-script: true;">
    <html>
        <body>
            <div style="font-weight: bold"><?= str_replace("\n", "<br/>", $var) ?></div>
            <?
                /***********************************
                ** Multiline block comments
                **********************************/

                $stringWithUrl = "http://alexgorbatchev.com";
                $stringWithUrl = 'http://alexgorbatchev.com';

                ob_start("parseOutputBuffer");      // Start Code Buffering
                session_start();
            ?>
        </body>
    </html>
</pre>

我得到的输出是：

<div style="font-weight: bold"><!--?= str_replace("\n", "<br/-->", $var) ?></div>
<!--?
    /***********************************
    ** Multiline block comments
    **********************************/

    $stringWithUrl = "http://alexgorbatchev.com";
    $stringWithUrl = 'http://alexgorbatchev.com';

    ob_start("parseOutputBuffer");      // Start Code Buffering
    session_start();
?-->

荧光笔会删除我的html和body标签。我正在做文档中的所有事情：http://alexgorbatchev.com/SyntaxHighlighter/manual/demo/html-script.html

我做错了什么？

Answer 1

添加此Js文件 xregexp-min.js （从here下载）并添加以下脚本

<script type="text/javascript">
        SyntaxHighlighter.config.bloggerMode = true;
        SyntaxHighlighter.defaults['smart-tabs'] = false;
        SyntaxHighlighter.all();
</script>

可能会帮助你

SyntaxHighlighter没有正确显示html代码

1 个答案: