Как вставить код и подсветить его в материале joomla

Для того чтобы joomla не обрабатывала код в статье и для красивого оформления кода в материалах joomla существует стандартный плагин, который называется GeSHi.

Для его использования нужно переключить редактор joomla в режим кода, либо установить JCE-редактор и отключить фильтрацию кода.

Подключения плагина в статье осуществляется так

<pre xml:lang="php"> </pre>

Параметр lang определяет синтаксис языка кода для правильной подсветки и может принимать следующие параметры:

  • css
  • diff
  • html4strict
  • ini
  • javascript
  • php
  • mysql
  • php-brief
  • sql
  • xml

Подключить нумерацию кода через интерфейс плагина нет возможности, поэтому придется править код плагина, который находится по адресу plugins/content/geshi/geshi/geshi.php
Находим такую строку

$line_numbers = GESHI_NO_LINE_NUMBERS;

И заменяем на такую

$line_numbers = GESHI_NORMAL_LINE_NUMBERS;

Если нужно отключить внешние ссылки, то в этом же файле правим строку

var $keyword_links = true;

На следующую

var $keyword_links = false;

Остается добавить оформление тега <pre> в CSS, например так

{
font-size: 9px;
background-color: #F6F6F6;
width: 550px;
overflow: auto;
}

Существуют так же сторонние плагины для оформления кода на страницах, например SyntaxHighlighter.

Скачать этот плагин можно отсюда http://www.joomler.net/download/140-joomla16-plugin/955-syntaxhighlighter-for-joomla16-released.html

Синтаксис использования плагина в коде:

<pre class="brush:php"></pre>

Классы, которые могут быть использованы для подсветки кода:

  • bash, shell - Bash\Shell
  • csharp - C#
  • cpp - C++
  • css - CSS
  • delphi - Delphi
  • js - JavaScript
  • php - PHP
  • text - Plain Text
  • ps - PowerShell
  • sql - SQL
  • vb - Visual Basic
  • xml - XML

Болле подробное описание по использованию этих параметров здесь http://alexgorbatchev.com/SyntaxHighlighter/manual/brushes/

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *