2012-05-19 4 views
1

Пример CSSКод Google prettify считает, что css # id - это комментарий к строке. Что я делаю не так?

#wrap{margin:20px} 

Код приукрасить оборачивает всю строку в .com

<span class="com">#wrap{margin:20px}</span> 

Кто-нибудь есть подобный вопрос here.

Где кто-то отвечает «Вы загружаете lang-css.js?».

Вот что я загружаю в нижнем колонтитуле.

<script src="/js/google-code-prettify/lang-css.js"></script> 
<script src="/js/google-code-prettify/prettify.js"></script> 

Я вижу их обоих с помощью веб-инспектора. Я попытался изменить порядок и загрузить их из заголовка. Я использую последнюю версию.

Вся помощь похвастается :)

Спасибо!

+0

Textwrangler делает ТОЧНО то же самое. Очень надоедливый. – 11684

ответ

3

Порядок, который вы ссылаетесь на файлы javascript. Сначала необходимо вызвать базовый код (prettify.js), а затем код css (lang-css.js). Вы можете поместить теги сценария либо в головной раздел, либо в конце документа ... оба работают, но размещение в конце документа ускорит загрузку страницы.

<script src="/js/google-code-prettify/prettify.js"></script> 
<script src="/js/google-code-prettify/lang-css.js"></script> 



Вы также должны убедиться, что вы ссылаетесь на таблицу стилей в голове документа.

<link rel="stylesheet" type="text/css" href="/css/prettify.css"> 



Кроме того, необходимо добавить правильные классы ваш предварительно тегов (s). Функции подсветки синтаксиса, содержащиеся в lang-css.js, не будут вызываться без добавления класса «lang-css» в тег <pre>.

<pre class="prettyprint lang-css linenums"> 



Наконец, убедитесь, что вы вызовите функцию "prettyPrint()" на странице загрузки.

<body onload="prettyPrint()"> 
+0

Спасибо! У меня это работает :) Извините, что забыл об этом здесь. –

Смежные вопросы