GetSimple CMS Wiki

This page is read only. You can view the source, but not change it. Ask your administrator if you think this is wrong.
====== Подсветка синтаксиса  ======
Если вы хотите при работе в редакторе использовать подсветку синтаксиса – вам для этого потребуется скрипт Alex Gorbatchev’a [[http://alexgorbatchev.com/SyntaxHighlighter|SyntaxHighLighter]] **ПЛЮС** [[http://code.google.com/p/ckeditor-syntaxhighlight/|плагин Syntax-Highlighting для CKEditor]].

===== Скачайте необходимые скрипты =====
Download the **Syntax-Highlighter-Script** from the [[http://alexgorbatchev.com/SyntaxHighlighter/download/download.php?sh_current|SyntaxHighLighter-Download-Page]]

Unpack it to a local directory and upload it as directory "//syntaxhighlighter//" to  ///admin/template/js///

Download the **SyntaxHighLighter-Plugin for CKeditor-Plugin** from [[http://code.google.com/p/ckeditor-syntaxhighlight/downloads/detail?name=ckeditor-syntaxhighlight-1.0.tar.bz2]]

===== Загрузите плагин на сервер=====
Unpack it to a local directory and load that directory by FTP into your editor-plugin-directory at: //admin/template/js/ckeditor/plugins// 
===== Интеграция подсветки с GetSimple =====
You will need a separate [[ru:how_to:editor_configuration_custom_files|CKEditor-configuration file]] if you don't have one already. Add the following 2 lines to the custom config-file: \\
<code>
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'
	};
</code>

If you have defined extraPlugins already, add '//syntaxhighlight//' to that comma-separated list,for example:\\
<code>
config.extraPlugins = 'fileicon,video,syntaxhighlight','templates',
</code>

If you haven't done already, define the custom-config-file in the [[ru:how_to:editor_configuration_custom_files|GetSimple-Configuration file gsconfig.php]]

To show the button for the Syntax-Highlighter, you have to define that in the section "Editortoolbar" in gsconfig.php:
an example: instead the standard-entry  
<code># WYSIWYG toolbars (advanced, basic or [custom config])
define('GSEDITORTOOL', 'advanced');</code>

define the buttons: 
<code>
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>

you see the option <code>['Code']</code>? This places the Syntax-Highlighter-Button in your toolbar.

===== Отредактируйте файл template.php вашей темы  =====
Теперь для обеспечения работы подсветки добавьте ссылки на необходимые файлы стилей и скрипты в секцию <head> файла шаблона.
<code>
<!-- SyntaxHighlighter -->
<link type="text/css" rel="stylesheet" href="<?php get_site_url(); ?>admin/template/js/syntaxhighlighter/styles/shCore.css"/>
<link type="text/css" rel="stylesheet" href="<?php get_site_url(); ?>admin/template/js/syntaxhighlighter/styles/shThemeDefault.css"/>
<script type="text/javascript" src="<?php get_site_url(); ?>admin/template/js/syntaxhighlighter/scripts/shCore.js"></script>
<script type="text/javascript" src="<?php get_site_url(); ?>admin/template/js/syntaxhighlighter/scripts/shBrushCss.js"></script>
<script type="text/javascript" src="<?php get_site_url(); ?>admin/template/js/syntaxhighlighter/scripts/shBrushJScript.js"></script>
<script type="text/javascript" src="<?php get_site_url(); ?>admin/template/js/syntaxhighlighter/scripts/shBrushPhp.js"></script>
<script type="text/javascript" src="<?php get_site_url(); ?>admin/template/js/syntaxhighlighter/scripts/shBrushPlain.js"></script>
</code>

Если после этого подсветка синтаксиса на вашем сайте все-таки не работает, попробуйте добавить еще один скрипт в файл шаблона template.php:
<code>
<script type="text/javascript">SyntaxHighlighter.all()</script>
</code>
===== Как работать с подсветкой =====
После всего этого вы увидите новую иконку на панели инструментов: 
{{: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|}}
GetSimple CMS Wiki

User Tools

Site Tools

Page Tools
