KeyWeb

Подсветка кода в Joomla (part 1)

1111111111Rating 3.67 (3 Votes)

Нашел отличнейший плагин для подсветки синтаксиса в Joomla работает с редакторами JCE и TinyMCE называемый Syntax Highlighter.

Ссылку на плагин убрал, так как эти плагины то - переименовывают, то удаляют из магазина расширений, для поиска подобного плагина проще воспользоваться поиском или прикрутить просто скрипт подсветки кода. В данный момент я использую просто скрипт highlight.js

  • Устанавливается стандартным методом, после установки данный плагин необходимо включить в Менеджере плагинов.
  • Код необходимо вставлять между тегами <pre>...</pre>.
  • Как пример привожу код скрипта на JavaScript:
//Пример работы с WshNetwork в JScript
//Создаем объект WshNetwork
var WshNetwork = new ActiveXObject("WScript.Network");
//Создаем переменную info и заносим туда имя пользователя
info = "Имя пользователя: " + WshNetwork.UserName;
//Добавляем переход на следующую строку
info = info + "\n";
//Добавляем имя компьютера
info = info + "Имя компьютера: " + WshNetwork.ComputerName;
info = info + "\n";
//Добавляем домен, к которому подключился пользователь
info = info + "Домен: " + WshNetwork.UserDomain;
//Выводим на экран полученную информацию
WScript.Echo (info);

Здесь приведен пример вставки кода с параметрами:

<pre class="brush: js; first-line: 1; highlight: [3, 14]">

Для вставки кода, необходимо в редакторе открыть редактор HTML кода, для TinyMCE это кнопка - html для JCE кнока - Edit Code.

В исходном виде все выглядит следующим образом:


<pre class="brush: js; first-line: 1; highlight: [3, 14]">
//Пример работы с WshNetwork в JScript
//Создаем объект WshNetwork
var WshNetwork = new ActiveXObject("WScript.Network");
//Создаем переменную info и заносим туда имя пользователя
info = "Имя пользователя: " + WshNetwork.UserName;
//Добавляем переход на следующую строку
info = info + "\n";
//Добавляем имя компьютера
info = info + "Имя компьютера: " + WshNetwork.ComputerName;
info = info + "\n";
//Добавляем домен, к которому подключился пользователь
info = info + "Домен: " + WshNetwork.UserDomain;
//Выводим на экран полученную информацию
WScript.Echo (info);
</pre>

Работа с кастомным скриптом HIGHLIGHT.JS

Все написано на странице авторов, в целом:
  • Необходимо загрузить скрипт
  • Подключить
  • Использовать подсветку в pre тегах

Результат работы

function$initHighlight(block, cls) {
  try {
    if (cls.search(/\bno\-highlight\b/) != -1)
      return process(block, true, 0x0F) +
             ` class="${cls}"`;
  } catch (e) {
    /* handle exception */  }
  for (var i = 0 / 2; i < classes.length; i++) {
    if (checkCondition(classes[i]) === undefined)
      console.log('undefined');
  }
}export  $initHighlight;

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


Обновить
Защитный код

KeyWeb

Сейчас 103 гостей и ни одного зарегистрированного пользователя на сайте

Вверх
Вниз