Введение

Установка скриптового решения займет некоторое время. Пожалуйста, внимательно читайте инструкции и старайтесь следовать всем рекомендациям.

Первый шаг: загрузка файлов на сайт

Перейдите в Панель управления » Файловый менеджер. В правом верхнем углу кликните на кнопку "Создать папку", введите название папки syntaxhighlight. Кликните на галочку и ура, мы создали папку с нужным именем!:)

Теперь зайдите в папку syntaxhighlight и загрузите в эту папку всё содержимое из папки "скрипты".

Второй шаг: установка кода

Перейдите в Панель управления » Управление дизайном. На страницах добавления материала (тех модулей, где хотелось бы использовать подсветку кода), в основном это шаблоны "страница архива материалов (для модулей блог и новости сайта) и "страница редактирования\добавления материалов", сразу после $BODY$ разместите код:

<?if($PAGE_ID$ == "add" || $PAGE_ID$ == "edit")?>
<script>
    CKEDITOR.plugins.addExternal('syntaxhighlight', '/syntaxhighlight/');
    CKEDITOR.replace2 = CKEDITOR.replace;
    CKEDITOR.replace = function (a, b) {
	b.extraPlugins = 'syntaxhighlight';
	CKEDITOR.replace2(a, b);
    };
</script>
<?endif?>

далее в шаблоне "страница материала и комментария к нему" (тех модулей, где хотелось бы использовать подсветку кода) перед </head> разместите код:

<style>
    @import "/syntaxhighlight/dialogs/shCore.css";
    @import "/syntaxhighlight/dialogs/shThemeDefault.css";
</style>
<script src="/syntaxhighlight/dialogs/shCore.js"></script>
<script src="/syntaxhighlight/dialogs/shAutoloader.js"></script>
<script>
    (function () {
	var langs = [
	    'shBrushAS3.js',
	    'shBrushCSharp.js',
	    'shBrushCpp.js',
	    'shBrushCss.js',
	    'shBrushJScript.js',
	    'shBrushPerl.js',
	    'shBrushPhp.js',
	    'shBrushPython.js',
	    'shBrushRuby.js',
	    'shBrushSql.js',
	    'shBrushXml.js',
	    'shBrushVb.js',
	    // доступные языки через запятую
	    // возможные варианты здесь:
	    // http://alexgorbatchev.com/SyntaxHighlighter/manual/brushes/
	];
	    for (var i = 0; i < langs.length; i++) document.write('<scr' + 'ipt src="/syntaxhighlight/scripts/' + langs[i] + '"></scr' + 'ipt>');
    })();
</script>