font - Resaltado de sintaxis en twitter bootstrap
bootstrap font size (3)
Después de enlazar a los 2 archivos prettify.css, prettify.js agregue este código a su pie de página
<script>
// @prettify
!function ($) {
$(function(){
window.prettyPrint && prettyPrint()
})
}(window.jQuery);
// #prettify
</script>
Estoy tratando de resaltar alguna sintaxis usando Google prettify pero hasta ahora, no está funcionando.
<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>
¿Existe una solución para hacer que esto funcione sin ensuciar demasiado con la etiqueta pre que ya está en bootstrap?
No estoy seguro de por qué no se sugirió modificar con:
<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>
EDIT: para twitter bootstrap 2.0.x, funciona bien con 2.1.x
Use esos 2 archivos en lugar de usar el método descrito en el documento.
http://twitter.github.com/bootstrap/assets/js/google-code-prettify/prettify.css
http://twitter.github.com/bootstrap/assets/js/google-code-prettify/prettify.js
Esto funciona para mi
<!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>