Подсветка кода в ваших заметках.

0
38

Скорей всего вы видели на многих блогах работу плагина SyntaxHighlighter Plus.

Выглядит это так :

 

[codesyntax lang=»php» container=»pre_valid»]
function __construct() {
if ( ! function_exists( 'esc_html' ) )
return;
// Load localization domain
load_plugin_textdomain( 'syntaxhighlighter', false, '/syntaxhighlighter/localization' );
[/codesyntax]

 

Если это-то что вы искали — скачиваем свежую версию плагина, устанавливаем в папку wp-content/plugins , и активируем.
Немного о настройках. Немного потому-что можно спокойно оставить всё по умолчанию, плагин будет работать как надо.
Но некоторые пункты поясню. Настройки SyntaxHighlighter ищите в параметрах.

Highlighter Version— этот пункт определяет будет-ли у вас правом верхнем углу окна с кодом панель инструментов(просмотр кода ,
копирование в один клик и печать). В version-2 панель отображается, в version-3 не отображается.

Display line numbers — Показывать номера строк

Display the toolbar — Показывать панель инструментов Только для ver.-2 (см. пункт настроек Highlighter Version)

Automatically make URLs clickable — Автоматически делать URL «кликабельными»

Collapse code boxes — Сворачивать окно с кодом

Use the light display mode, best for single lines of code — Использовать легкий режим (если включить данную опцию, то в окне с кодом не будут отображаться номера строк, верхняя линейка и панелька с кнопочками. Удобно использовать, если Вы цитируете например всего одну строчку)

Use smart tabs allowing tabs being used for alignment — Использовать знаки табуляции для выравнивания текста (если отключить, то все знаки табуляции внутри строк будут заменены пробелами)

Wrap long lines (v2.x only, disabling this will make a scrollbar show instead) — Перенос длинных строк (при включении, если строка не
помещается, то оставшаяся часть будет перенесена на следующую строчку, а в месте переноса будет показана специальная иконка.
В противном случае в окне с кодом будет показана полоса горизонтальной прокрутки). Только для ver.-2 (см. пункт настроек Highlighter Version)

Как я уже отметил, плагин можно использовать оставив настройки по умолчанию. Достаточно прописать :

[codesyntax lang=»php»]
[ php ]здесь Ваш код[ /php ]
[/codesyntax]

или

[codesyntax lang=»css»]
[ sourcecode language="css" ]здесь Ваш код[ /sourcecode ]
[/codesyntax]

Привожу список кодов и их сокращений:
ActionScript3 (as3, actionscript3)
Bash/shell (bash, shell)
C# (c-sharp, csharp)
C++ (cpp, c)
CSS (css)
Delphi (delphi, pas, pascal)
Diff (diff, patch)
Groovy (groovy)
JavaScript (js, jscript, javascript)
Java (java)
JavaFX (jfx, javafx)
Perl (perl, pl)
PHP (php)
Plain Text (plain, text)
PowerShell (ps, powershell)
Python (py, python)
Ruby (rails, ror, ruby)
Scala (scala)
SQL (sql)
Visual Basic (vb, vbnet)
XML (xml, xhtml, xslt, html, xhtml)

Также можно для более оперативной вставки кода добавить кнопку к нашему HTML редактору WordPress-a.
Выглядит это следующим образом:
Пропишите этот код в /wp-includes/js/quicktags.js :

 

[codesyntax lang=»php»]
edButtons[edButtons.length] =
new edButton('ed_source'
,'вставка кода'
,'[source]'
,'[/source]'
,'p'
,-1
);
[/codesyntax]

 

Статья будет дополняться по мере поступления полезного материала и изменениях текущего, подписывайтесь на RSS чтобы своевременно узнать о продолжении или обновлении статьи.

С уважением OlegS9.

НЕТ КОММЕНТАРИЕВ

ОСТАВЬТЕ ОТВЕТ