⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 readme.rus.txt

📁 自动加亮代码/xml等文档
💻 TXT
📖 第 1 页 / 共 2 页
字号:
# Highlight.jsHighlight.js нужен для подсветки синтаксиса в примерах кода в блогах,форумах и вообще на любых веб-страницах. Пользоваться им очень просто,потому что работает он автоматически: сам находит блоки кода, самопределяет язык, сам подсвечивает.Автоопределением языка можно управлять, когда оно не справляется само (см.дальше "Эвристика").## Подключение и использованиеВ загруженном архиве лежит файл "highlight.pack.js" -- полная сжатая версиябиблиотеки для работы. Все несжатые исходные файлы также есть в пакете, поэтомуне стесняйтесь в них смотреть!Скрипт подключается одним файлом и одним вызовом инициализирующейфункции:    <script type="text/javascript" src="highlight.pack.js"></script>    <script type="text/javascript">      hljs.initHighlightingOnLoad();    </script>Несмотря на то, что highlight.pack.js уже содержит только те языки, которые высобираетесь использовать, иногда возникает нужда еще больше оганичить набор языков,используемых на странице. Это достигается перечислением их имен при инициализации:    <script type="text/javascript">      hljs.initHighlightingOnLoad('html', 'css');    </script>Полный список классов для разных языков приведен ниже ("Языки").Дальше скрипт ищет на странице конструкции `<pre><code>...</code></pre>`,которые традиционно используются для написания кода, и код в нихразмечается на куски, помеченные разными значениями классов. Классамэтим затем надо задать в стилях нужные цвета например так:    .comment {      color: gray;    }    .keyword {      font-weight: bold;    }    .python .string {      color: blue;    }    .html .atribute .value {      color: green;    }В комплекте с highlight.js идут несколько стилевых тем в директории styles,которые можно использовать напрямую или как основу для собственных экспериментов.### Плагин к WordPressВообще, подключение highlight.js к блогу на [WordPress][wp] ничем не отличаетсяот подключения куда-либо еще. Однако он может быть подключен к блогу и как плагин.Это удобно, если блог находится на общественном сервере, где вы не можетесвободно редактировать файлы, или просто если вы привыкли пользоваться плагинами.Для установки плагина надо скопировать всю директорию с файлами highlight.js вдиректорию плагинов WordPress. После этого в панели плагинов его можнобудет включать и отключать. В меню Options также добавляется страничкаhighlight.js, где можно настраивать список языков и CSS-стили. Удобно до одурения :-).[wp]: http://wordpress.org/## ЭкспортВ файле export.html находится небольшая программка, которая показывает и даетскопировать непосредственно HTML-код подсветки для любого заданного фрагмента кода.Это может понадобится например на сайте, на котором нельзя подключить сам скриптhighlight.js.## ЯзыкиВ списке приведены все языки, которые знает библиотека с классами,соответствующими различным синтаксическим частям. В скобках посленазваний языков указаны идентификаторы языков, используемые в качествеклассов элемента `<code>`.Python ("python"):  keyword          ключевое слово языка  built_in         стандартные значения (None, False, True и Ellipsis)  number           число  string           строка (любого типа)  comment          комментарий  decorator        @-декоратор функции  function         заголовок функции "def some_name(...):"  class            заголовок класса "class SomeName(...):"  title            название функции или класса внутри заголовка  params           все, что в скобках внутри заголовка функции или классаРезультаты профайлинга Питона ("profile"):  number           число  string           строка  builtin          встроенная функция в строке результата  filename         имя файла в строке результата  summary          итоговые результаты профилирования  header           заголовок таблицы результатов  keyword          название колонки в заголовке  function         название функции в строке результата (включая скобки)  title            само название функци в строке результата (без скобок)Ruby ("ruby"):  keyword          ключевое слово языка  string           строка  subst            внутристроковая подстановка (#{...})  comment          комментарий  function         заголовок функции "def ..."  class            заголовок класса "class ..."  title            название функции или класса внутри заголовка  parent           название родительского класса  symbol           символ  instancevar      переменная классаPerl ("perl"):  keyword          ключевое слово языка  comment          комментарий  number           число  string           строка  regexp           регулярное выражение  sub              заголовок процедуры (от "sub" до "{")  variable         переменная, начинающаяся с "$", "%", "@"  operator         оператор  pod              документация (plain old doc)PHP ("php"):  keyword          ключевое слово языка  number           число  string           строка (любого типа)  comment          комментарий  phpdoc           параметры phpdoc в комментарии  variable         переменная, начинающаяся с "$"  preprocessor     метки препроцессора: "<?php" and "?>"XML ("xml"):  tag              любой открывающий или закрывающий тег от "<" до ">"  comment          комментарий  pi               инструкции обработки (<? ... ?>)  cdata            раздел CDATA  attribute        атрибут  value            значение атрибутаHTML ("html"):  keyword          тег языка HTML  tag              любой открывающий или закрывающий тег от "<" до ">"  comment          комментарий  doctype          объявление <!DOCTYPE ... >  attribute        атрибут внутри тега со значением или без  value            значение атрибутаCSS ("css"):  keyword          тег языка HTML в селекторах или свойство CSS в правилах  id               #some_name в селекторах  class            .some_name в селекторах  attr_selector    селектор атрибутов (квадатные скобоки в a[href^=http://])  comment          комментарий  rules            все от "{" до "}"  value            значение свойства внутри правила, все от ":" до ";" или                   до конца блока правил  number           число внутри значения  string           строка внутри значения  hexcolor         шестнадцатеричный цвет (#FFFFFF) внутри значения  function         CSS-функция внутри значения  params           все от "(" до ")" внутри функцииDjango ("django"):  keyword          тег HTML в HTML, встроенные шаблонные теги и фильтры в шаблонах  tag              любой открывающий или закрывающий тег от "<" до ">"  comment          комментарий  doctype          объявление <!DOCTYPE ... >  attribute        атрибут внутри тега со значением или без  value            значение атрибута  template_tag     шаблонный тег {% .. %}  variable         шаблонная переменная {{ .. }}  template_comment шаблонный комментарий, и {# .. #}, и {% comment %}  filter           фильтр от "|" до следующего фильтра или до конца тега  argument         аргумент фильтраJavascript ("javascript"):  keyword          ключевое слово языка  comment          комментарий  number           число  literal          специальное слово: "true", "false" и "null"

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -