Подсветка синтаксиса при загрузке в твиттере

Я пытаюсь выделить синтаксис с помощью 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>

Есть ли решение, чтобы сделать эту работу, не слишком путаясь с предварительным тегом уже в начальной загрузке?

 user127656728 июл. 2012 г., 21:38
Та же проблема для меня.

Ответы на вопрос(3)

prettify.js добавьте этот код в нижний колонтитул

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

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>
 29 мая 2014 г., 16:19
Ссылки больше не доступны
 02 июн. 2012 г., 14:41
посмотрите на мой обновленный ответ
 18 окт. 2012 г., 18:21
РЕКОМЕНДАЦИЯ: Вы должны использоватьwindow.prettyPrint && prettyPrint() на & lt; script & gt; тег вместо "onload"
 28 сент. 2012 г., 14:55
Приведенный выше пример кода работает, даже если вы используете пути GitHub напрямую.
 28 сент. 2012 г., 16:30
на 2.1.1, вопрос был о 2.0.4

<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>

Ваш ответ на вопрос