使用Prettify和Twitter Bootstrap突出显示语法

时间:2012-11-20 11:37:17

标签: twitter-bootstrap syntax-highlighting google-code-prettify

我试图在我的<pre></pre>标签中获取语法高亮,但我正在使用Bootstrap ..我现在正在使用Prettify,但它有效。如果你有修复请分享!

基本的代码我现在已经清理完了。

<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<script type="text/javascript" src="prettify.js"></script>

<pre>
    <?php
        function hw(){
            echo "Hallo World";
        }
    ?>
</pre>

1 个答案:

答案 0 :(得分:2)

你错过了一个告诉我们内容是代码的类,你可能需要转义PHP代码:

    <pre class="prettyprint">
        &lt;?php
            function hw(){
                echo "Hallo World";
            }
        ?&gt;
    </pre>

另外,请确保您在某处调用prettyPrint()

README文件建议

<body onload="prettyPrint()">
相关问题