Ich versuche, einige Syntax mit Google schön zu machen, aber bisher scheint es nicht funktioniert.Syntax Hervorhebung auf Twitter Bootstrap
Gibt es eine Lösung, um dies zu schaffen, ohne zu viel mit dem Pre-Tag bereits im Bootstrap zu verwirren ?.
EDIT: für twitter Bootstrap 2.0.x, es funktioniert gut mit 2.1.x
Verwenden Sie die diese 2-Dateien anstelle der Verwendung des Verfahrens im doc beschreiben.
http://twitter.github.com/bootstrap/assets/js/google-code-prettify/prettify.css
http://twitter.github.com/bootstrap/assets/js/google-code-prettify/prettify.js
Dies funktioniert für mich
<!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>
siehe meine aktualisierte Antwort – baptme
Das obige Codebeispiel funktioniert auch, wenn Sie die GitHub-Pfade direkt verwenden. – ezraspectre
auf 2.1.1 es ist, die Frage war über 2.0.4 – baptme
Nach der Verknüpfung zu den 2 Dateien prettify.css, fügen prettify.js diesen Code auf Ihre Fußzeile
<script>
// @prettify
!function ($) {
$(function(){
window.prettyPrint && prettyPrint()
})
}(window.jQuery);
// #prettify
</script>
Nicht sicher, warum es nicht vorgeschlagen wurde, mit zu modifizieren:
<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>
Das gleiche Problem für mich. –