Google prettifyを使用していくつかの構文を強調しようとしていますが、これまでのところ、機能していません。
<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タグをいじりすぎずにこれを機能させるための解決策はありますか?.
EDIT:Twitterの場合bootstrap 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>
次の方法で変更することが提案されなかった理由がわかりません。
<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>
2つのファイルprettify.cssにリンクした後、prettify.jsがこのコードをフッターに追加します
<script>
// @prettify
!function ($) {
$(function(){
window.prettyPrint && prettyPrint()
})
}(window.jQuery);
// #prettify
</script>