<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Дорохин Сергей &#187; Highlight</title>
	<atom:link href="http://dserg.ru/tag/highlight/feed/" rel="self" type="application/rss+xml" />
	<link>http://dserg.ru</link>
	<description>Личный блог</description>
	<lastBuildDate>Thu, 20 Mar 2014 03:49:38 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
		<item>
		<title>Куда уходят коды. Как я боролся с исчезновением форматированного кода при редактировании статей</title>
		<link>http://dserg.ru/formatirovanie-koda/</link>
		<comments>http://dserg.ru/formatirovanie-koda/#comments</comments>
		<pubDate>Thu, 17 Sep 2009 02:14:42 +0000</pubDate>
		<dc:creator>Дорохин Сергей</dc:creator>
				<category><![CDATA[Работаю]]></category>
		<category><![CDATA[code]]></category>
		<category><![CDATA[colorer]]></category>
		<category><![CDATA[Highlight]]></category>
		<category><![CDATA[plugin]]></category>
		<category><![CDATA[syntax]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[плагин]]></category>

		<guid isPermaLink="false">http://dserg.ru/?p=5</guid>
		<description><![CDATA[При написании статьи о выборе плагина для размещения в блоге личного портфолио я невольно пришел к мысли, что не плохо было бы в своих статьях размещать примеры различного кода (PHP,...]]></description>
			<content:encoded><![CDATA[<p>При написании статьи о выборе плагина для размещения в блоге личного портфолио я невольно пришел к мысли, что не плохо было бы в своих статьях размещать примеры различного кода (PHP, CSS, HTML и т.д.). Для этих целей существует масса плагинов.</p>
<blockquote><p>UPD. По причине смены движка WordPress, через несколько лет после написания данной статьи, пришлось сменить и плагин для подсветки кода в статьях. После 5 минутного поиска, на основе рейтинга отзывов был выбран <strong><a title="Официальная страница плагина" href="http://aramk.com/projects/crayon-syntax-highlighter">Crayon Syntax Highlighter</a>.</strong></p></blockquote>
<p>Среди которых: <strong><a href="http://wordpress.org/extend/plugins/syntaxhighlighter-plus/">SyntaxHighlighter Plus</a>, </strong><strong><a href="http://wordpress.org/extend/plugins/wp-syntax/">WP-Syntax</a>, </strong><strong><a href="http://wordpress.org/extend/plugins/ionhighlight/">Ion Snytax Highlighter</a>, </strong><strong><a href="http://wordpress.org/extend/plugins/raw-html/">Raw HTML</a>, </strong><strong><a href="http://kpumuk.info/projects/wordpress-plugins/codecolorer/">CodeColorer</a></strong><strong>, </strong>а так же многие другие. Все они по своему хороши до тех пор, пока вы при редактировании статьи не переключитесь в визуальный режим редактирования. Визуальный редактор (по умолчанию на платформе TinyMCE) просто удалит часть кода который вы хотели опубликовать или просто заменит на спец символы. Делает он это не со зла, а в целях безопасности. В итоге, если у вас в статье есть форматированный код вам категорически нельзя переключатся в режим визуального редактора и все время редактирования контента довольствоваться аскетичным HTML видом. Из создавшейся ситациии есть два выхода.</p>
<ol>
<li>Сменить ваш WYSIWYG редактор на другой, не использующий в основе TinyMCE. Который будет не менее удобен и к тому же не будет автоматически исправлять HTML теги в спец символы (например, символ &lt; исправится на &amp;lsaquo;) и дальше пользоваться любимым плагином для подсветки и форматирования кода.</li>
<li>Установить плагин <strong><a href="http://wordpress.org/extend/plugins/wp-synhighlight/" target="_blank">WP-SynHighlight</a></strong> который, как «Магомед» &#8211; сам идет к визуальному редактору. А именно выводит кнопку на панели, позволяющую оформлять код в визуальном режиме обходя таким образом конфликт интересов.</li>
</ol>
<p>Может показаться что названый плагин не функционален, но это не так. Среди основных функций можно выделить следующие:</p>
<ul>
<li>Подсветка синтаксиса языков (в наборе более 50 языков)</li>
<li>Возможность выводить номера строк форматированного кода, с настройкой номера первой строки. Возможно вообще отключить нумерацию строк в выводе конкретного кода.</li>
<li>Возможность задать заголовок для поля в котором выводится код.</li>
<li>Область с кодом можно свернуть нажатием на заголовок.</li>
<li>При наведении на какую либо фунцкию в PHP коде дается ссылка на описание этой фунции на сайте php.net</li>
<li>Возможность плагина по форматированнию кода в комментариях блога (можно отключить по требованию).</li>
</ul>
<p>Пример форматирования кода с использованием плагина <strong>WP-SynHighlight</strong></p><pre class="crayon-plain-tag">&lt;?php
/*
Plugin Name: WP-SynHighlight
Plugin URI: http://www.fractalizer.ru/freeware-projects/wordpress-plugins/wp-synhighlight/
Description: Syntax highlighting using shortcodes  Your code goes here  Please see README.txt and screenshots for more information
Version: 0.961
Author: Vladislav "FractalizeR" Rastrusny
Author URI: http://www.fractalizer.ru
*/

/*  Copyright 2008  Vladislav "FractalizeR" Rastrusny (email : FractalizeR@yandex.ru)

 This program is free software; you can redistribute it and/or modify
 it under the terms of the GNU General Public License as published by
 the Free Software Foundation; either version 2 of the License, or
 (at your option) any later version.

 This program is distributed in the hope that it will be useful,
 but WITHOUT ANY WARRANTY; without even the implied warranty of
 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 GNU General Public License for more details.

 You should have received a copy of the GNU General Public License
 along with this program; if not, write to the Free Software
 Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA  02110-1301  USA
*/

//Registering highlighter
require_once 'modules/highlighter.php';
add_shortcode('codesyntax', 'fr_codesyntax_handler');

//Making post-installation routines
require_once 'modules/on_install.php';
register_activation_hook(__FILE__, 'wp_synhighlight_on_install');

//Adding styles
require_once 'modules/styles.php';
add_action('wp_head', 'wp_synhighlight_head');

//Internationalization
require_once 'modules/i18n.php';
wp_synhighlighter_i18n_setup();

//Setting comments processing style
require_once 'modules/comments.php';
wp_synhighlighter_comments_setup();

//Loading editor plugin
require_once 'modules/richeditor.php';
add_action('init', 'wp_synhighlighter_addbuttons');

//Adding options page
add_action('admin_menu', 'wp_synhighlight_settings');
function wp_synhighlight_settings() {
 add_options_page('WP-SynHighlight Settings', 'WP-SynHighlight', 'activate_plugins',
 dirname(__FILE__) . '/modules/settings.php');
}
?&gt;</pre><p>Единственное что возможно придется настраивать вручную – это размер форматированного кода. Может существенное не совпадать с текущим размером остального текста. Исправляется следующим образом:</p>
<p>Открываем файл <code>wp-content/plugins/wp-synhighlight/wp-synhighlighter.css</code></p>
<p>И добавляем строку <code>font-size:10px;</code></p>
<p>В примере ниже я задал размер шрифта во второй строке CSS файла.</p><pre class="crayon-plain-tag">div.wp-synhighlighter-inner {
font-size:10pt;
height: auto;
max-height: 300px;
overflow: auto;</pre><p>Если есть желание изменяйте остальные параметры как вам угодно, для улучшения внешнего вида форматированного текста. Если вам не нравится подсветка синтаксиса вообще, то при выборе языка поставьте «Text».</p>
]]></content:encoded>
			<wfw:commentRss>http://dserg.ru/formatirovanie-koda/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
