在twitter引導語法高亮

我想突出顯示一些使用Google美化的語法，但到目前爲止，它不工作。在twitter引導語法高亮

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

<body onload="prettyPrint()" bgcolor="white"> 

<pre class="prettyprint"> 
    <code class="language-css"> 
    // Some source code 

    class Foo { 
     public int Bar { get; set; } 
    } 
    </code> 
</pre>

有沒有解決方案，使這項工作沒有太多與pre標籤已經在bootstrap？

來源

2012-06-02 Gandalf

同樣的問題給我。 – 2012-07-28 19:38:21

編輯：對Twitter的引導2.0.x的，它工作正常的2.1.x

使用的2個文件，而不是使用方法描述了文檔。

http://twitter.github.com/bootstrap/assets/js/google-code-prettify/prettify.css

http://twitter.github.com/bootstrap/assets/js/google-code-prettify/prettify.js

這對我的作品

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<link href="css/bootstrap.css" type="text/css" rel="stylesheet" /> 
<link href="prettify.css" type="text/css" rel="stylesheet" /> 
<script type="text/javascript" src="prettify.js"></script> 
</head> 
<body onload="prettyPrint()" bgcolor="white"> 
<pre class="prettyprint linenums languague-css"> 
// Some source code 
class Foo { 
    public int Bar { get; set; } 
} 
</pre> 
</body> 
</html>

來源

2012-06-02 11:52:24 baptme

看看我更新的答案 – baptme

即使直接使用GitHub路徑，上面的代碼示例也可以工作。 – ezraspectre

關於2.1.1它的問題是關於2.0.4 – baptme

鏈接到2個檔prettify.css後，prettify.js將此代碼添加到您的頁腳

<script> 
// @prettify 
!function ($) { 
    $(function(){ 
    window.prettyPrint && prettyPrint() 
    }) 
}(window.jQuery); 
// #prettify 
</script>

來源

2012-12-25 19:09:23

不知道爲什麼不建議修改：

<script> 
    // Activate Google Prettify in this page 
    addEventListener('load', prettyPrint, false); 
    $(document).ready(function(){ 
     // Add prettyprint class to pre elements 
     $('pre').addClass('prettyprint');   
    }); // end document.ready 
</script>

來源

2013-06-21 16:37:42 john

在twitter引導語法高亮

回答

相關問題