WP-Prettify – подсветка синтаксиса в wordpress

WP-Prettify – это плагин для wordpress, созданный мной на основе google-code-prettify. Он предназначен для подсветки синтаксиса на web-страницах. Подсветка выполняется на стороне клиента, то есть в браузере пользователя при помощи скрипта JavaScript. В данный момент доступны следующие языки программирования: C/С++, C#, Java, Python, Bash, SQL, CSS, Javascript, Makefiles, Ruby, PHP, Awk, Perl. HTML и XML также доступны, однако при использовании этих языков, нужно заменять открывающие тэги < на &lt;, в противном случае вместо тэгов вы можете увидеть соответствующие HTML элементы.

Главной целью, которая побудила меня создать такой плагин, это необходимость показывать одновременно форматированный и исходный текст, дабы дать возможность пользователю легко скопировать любой кусок кода на странице. Изменения, внесенные мной в google-code-prettify касались только добавления нумерации строк и создания табов для переключения между форматированным и исходным кодом.

Устанавливается плагин точно так же, как и любой другой плагин для wordpress: нужно просто распаковать дистрибутив в директорию с плагинами (/wp-content/plugins), затем активировать его из админ панели. Затем любой кусок кода, который необходимо отформатировать, нужно заключить в тэги pre, указав для них класс prettyprint:

<pre class="prettyprint">
   // далее код который нужно подсвечивать
   function hello(){
      alert('hello world');
   }
</pre>

В результате вы получите следующий отформатированный текст:

	// далее код который нужно подсвечивать
	function hello(){
		alert('hello world');
	}

Скачать скрипт можно здесь: wp-prettify-0.1.zip (19,8K). Страница проекта находится здесь.

Maklay.com - Большой каталог товаров для спорта и активного отдыха
  • http://designmilana.ru/ Виктор

    Спасибо за плагин, давно искал

  • http://shcherbak.net ontolog

    Плагин очень кстати нашелся… спасибо за пост!

  • http://bareilles.ru/ Irina

    Спасибо

  • http://www.stroi-best.ru slON

    Я обычно редактором кода не пользуюсь… Визуальный сильно помогает)

  • http://blog.altynka.ru/ takprosto

    То что надо ! Добавил в редакоре кнопку, набодобия КВОТЕ и и даже в код не лазию )

JSToolbox создан на основе WordPress