====== Подсветка синтаксиса ====== Если вы хотите при работе в редакторе использовать подсветку синтаксиса – вам для этого потребуется скрипт Alex Gorbatchev’a [[http://alexgorbatchev.com/SyntaxHighlighter|SyntaxHighLighter]] **ПЛЮС** [[http://code.google.com/p/ckeditor-syntaxhighlight/|плагин Syntax-Highlighting для CKEditor]]. ===== Скачайте необходимые скрипты ===== Скачайте скрипт **Syntax-Highlighter-Script** [[http://alexgorbatchev.com/SyntaxHighlighter/download/download.php?sh_current|отсюда]]. Разархивируйте его в папку на локальной машине и загрузите на сервер в подпапку "//syntaxhighlighter//" в папку ///admin/template/js///. Скачайте плагин [[http://code.google.com/p/ckeditor-syntaxhighlight/downloads/detail?name=ckeditor-syntaxhighlight-1.0.tar.bz2|SyntaxHighLighter-Plugin]] для **CKeditor** ===== Загрузите плагин на сервер===== Разархивируйте его в папку на локальной машине и загрузите эту папку в директорию плагинов редактора //admin/template/js/ckeditor/plugins//. ===== Интеграция подсветки с GetSimple ===== Для активации подсветки синтаксиса понадобится отдельный [[ru:how_to:editor_configuration_custom_files|пользовательский файл конфигурации]] редактора, если вы еще такой файл не создали ранее. Добавьте в этот файл две строки:\\


CKEDITOR.editorConfig = function( config ){
	// Define changes to default configuration here. For example:
	// config.removePlugins = 'elementspath,resize' ; // hide element path and resizer
	config.extraPlugins = 'syntaxhighlight',
	config.syntaxhighlightLangDefault = 'php'
	};

Если вы уже указывали параметр extraPlugins, добавьте к значению '//syntaxhighlight//' через запятую, например:\\


config.extraPlugins = 'fileicon,video,syntaxhighlight','templates',

Если это пока не было сделано – укажите свой [[ru:how_to:editor_configuration_custom_files|файл пользовательской конфигурации]] редактора в файле gsconfig.php: Для вывода кнопки подсветки синтаксиса на панель инструментов необходимо прописать эту опцию в параметре GSEDITORTOOL в файле gsconfig.php, например, вместо стандартной строки

# WYSIWYG toolbars (advanced, basic or [custom config])
define('GSEDITORTOOL', 'advanced');

определите следующие кнопки панелей инструментов:


define('GSEDITORTOOL',"['Source','Cut','Copy','Paste','PasteText','PasteFromWord','Undo','Redo','Find','Replace','SelectAll','RemoveFormat'],
	'/',
	['Bold','Italic','Underline','Strike','Subscript','Superscript','JustifyLeft','JustifyCenter','JustifyRight','JustifyFull'],
	['TextColor','BGColor','Rule','PageBreak'],['NumberedList','BulletedList','Outdent','Indent'],
	'/',
	['Blockquote','Smiley'],['Link','Unlink','Anchor'],
	['Image','Flash','video','fileicon','Table','HorizontalRule','SpecialChar'],
	       	'/',
	['Styles','Format','Font','FontSize'],['ShowBlocks'],['Code'],['Templates']
	");

Опция ['Code'] размещает кнопку подсветки синтаксиса на панели инструментов редактора. ===== Отредактируйте файл template.php вашей темы ===== Теперь для обеспечения работы подсветки добавьте ссылки на необходимые файлы стилей и скрипты в секцию файла шаблона.

Если после этого подсветка синтаксиса на вашем сайте все-таки не работает, попробуйте добавить еще один скрипт в файл шаблона template.php:

===== Как работать с подсветкой ===== После всего этого вы увидите новую иконку на панели инструментов: {{:how_to:ckeditor_plugin_syntaxhighlight.jpg|}}\\ Кликните ее и убедитесь, что по умолчанию языком подсветки является PHP. {{:how_to:ckeditor_plugin_syntaxhighlight_2.jpg|}}\\ Теперь вы можете ввести в открывшуюся форму фрагмент своего кода, и после сохранения\\ {{:how_to:ckeditor_plugin_syntaxhighlight_3.jpg|}}\\ он будет вставлен в вашу страницу уже с подсветкой.\\ Скриншот:\\ {{:how_to:ckeditor_plugin_syntaxhighlight_4.jpg|}}