Подсветка синтаксиса фрагментов кода на веб-странице "google-code-prettify" не работает

У меня есть следующий код,

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <link href="../../../Styles/prettify.css" rel="stylesheet" type="text/css" />
    <script src="../../../Scripts/prettify.js" type="text/javascript"></script>
</head>
<body>

<p>And from code behind write following :</p>

<pre class="prettyprint">
    protected void Page_Load(object sender, EventArgs e)
        {
            lblLoading.Text = "Loading News...";
        }
</pre>
</body>
</html>

Я не могу увидеть синтаксис кода в результате. Что я пропустил?

Результат таков:

Демоверсия онлайн здесь: http://jsfiddle.net/yKss3/

1 ответ

Решение

+ Изменить

<body>

в

<body onload="prettyPrint()">

Файл README Prettify гласит:

  1. Скачать дистрибутив
  2. Включите скрипт и таблицы стилей в ваш документ (вам нужно убедиться, что файлы css и js находятся на вашем сервере, и скорректировать пути в скрипте и теге ссылки) <link href="prettify.css" type="text/css" rel="stylesheet" /><script type="text/javascript" src="prettify.js"></script>
  3. добавлять onload="prettyPrint()" к вашему документу body тег.
  4. Измените таблицу стилей, чтобы получить цвет, который вы предпочитаете
Другие вопросы по тегам