[Расширение] (phpBB 3.1/3.2) Google Code Prettify: подсветка текста с блоками кода

[PPK]

Описание
Порт мода Подсветка текста с блоками кода в форуме phpBB3 для форума phpBB3 (только версии 3.1 и выше)
Расширение добавляет подсветку текста с блоками кода в сообщениях, блок кода по умолчанию:

Блок кода с включённым расширением:



Скриншоты расширения и его описание соответствуют версии расширения на момент его выхода, все дальнейшие изменения добавляются и отображаются только в истории версий

Установка
Распаковать архив, в корневой директории форума в директории /ext/ создать директорию ppk, скопировать содержимое архива в эту директорию, т.е. путь файла composer.json из архива у вас должен выглядеть следующим образом: /ext/ppk/google_code_prettify/composer.json
Включить расширение в адм. разделе: адм. раздел - вкладка Персонализация - Управление расширениями, напротив Google Code Prettify нажать ссылку Включить

Обновление
Для обновления расширения нужно отключить расширение в адм. разделе, удалить его файлы, загрузить новую версию расширения и включить его заново.

Примечания
Для смены цветового варианта подсветки кода нужно в файле /ext/ppk/google_code_prettify/styles/all/template/event/overall_header_stylesheets_after.html изменить имя файла стиля, доступные стили:

Код: Выделить всё

<!-- INCLUDECSS @ppk_google_code_prettify/prettify.css -->
<!-- INCLUDECSS @ppk_google_code_prettify/desert.css -->
<!-- INCLUDECSS @ppk_google_code_prettify/doxy.css -->
<!-- INCLUDECSS @ppk_google_code_prettify/sunburst.css -->
<!-- INCLUDECSS @ppk_google_code_prettify/sons-of-obsidian.css -->

Для индивидуального назначения цветового оформления под определённый стиль нужно переименовать директорию all в название вашего стиля

Скачать расширение
С форума (необходимо зарегистрироваться и/или войти на форум)

google_code_prettify_1.2.2.zip

С GIT репозитория
https://gitlab.com/protoneutron/GoogleCodePrettify

2016.08.05 - 1.0.0 Начальная версия
2017.01.20 - 1.1.0 Изменения под версию форума phpBB 3.2
2017.12.15 - 1.2.0 Добавлена нумерация строк кода
2019.05.22 - 1.2.1 Небольшие исправления и изменения
2020.09.06 - 1.2.2 Небольшое изменение

[LEOPARD]

Как подружить их с vse_abbc3_3_1_3?

Отправлено спустя 4 минуты 1 секунду:
Туплю...
Работает. Просто в аякс-предпросмотре не работает

[WeWery]

Приветствую!
Мне нужна подсветка кода Perl, Bash, Ruby, Python, etc. Но почему-то работает только Php.
Если я подставляю имя языка, например, Bash (

Код: Выделить всё

), то после сохранения материала этот язык из строки пропадает ([code]). С языком Php всё нормально ([code=php]).
Пожалуйста, помогите. (Форум phpBB 3.1.9)

[PPK]

Скрипт сам определяет язык, возможность указывать ему принудительно язык подсветки есть, но в расширении и форуме этой возможности нет, поэтому code=bash и т.д., работать не будет, смотрите другие расширения
https://github.com/o0johntam0o/phpBB-Ex ... debox-Plus
https://github.com/s9e/phpbb-ext-highlighter/

[WeWery]

Скрипт сам определяет язык

Не определяет. Я даже принудительно в код пишу

Код: Выделить всё

#!/bin/bash

Ноль.

Отправлено спустя 13 минут 19 секунд:

https://github.com/o0johntam0o/phpBB-Ex ... debox-Plus
https://github.com/s9e/phpbb-ext-highlighter/

Тоже не работают

Отправлено спустя 6 минут 45 секунд:

https://github.com/o0johntam0o/phpBB-Ex ... debox-Plus

Извиняюсь. Это вроде то, что дало, спасибо.

[junior]

Подскажите пожалуйста, как в этом расширении включить отображение нумерации строк?
Настроек в админ панели не видно никаких, значит нужно вручную отредактировать файл конфигурации?
И ещё вопрос: чтобы выбрать какой-то из этих стилей
<!-- INCLUDECSS @ppk_google_code_prettify/prettify.css -->
<!-- INCLUDECSS @ppk_google_code_prettify/desert.css -->
<!-- INCLUDECSS @ppk_google_code_prettify/doxy.css -->
<!-- INCLUDECSS @ppk_google_code_prettify/sunburst.css -->
<!-- INCLUDECSS @ppk_google_code_prettify/sons-of-obsidian.css -->
Просто убрав лишние символы? Чтобы получилось, например, так:
INCLUDECSS @ppk_google_code_prettify/prettify.css

[PPK]

1. /ext/ppk/google_code_prettify/styles/all/template/event/overall_footer_body_after.html заменить

Код: Выделить всё

	$('div.codebox').find('code').addClass('prettyprint');

на

Код: Выделить всё

	$('div.codebox').find('code').addClass('prettyprint linenums');

2. Нет, заменить код

Код: Выделить всё

<!-- INCLUDECSS @ppk_google_code_prettify/prettify.css -->

на нужный, например

Код: Выделить всё

<!-- INCLUDECSS @ppk_google_code_prettify/sunburst.css -->

[junior]

Спасибо Вам за подсказку! Попробовал сделать так, как Вы написали, однако это ничего не изменило! Номеров строчек так и не появилось!
Посмотрел HTML код браузера! Класса 'prettyprint linenums' на странице не появилось! Есть только
<code class="prettyprint prettyprinted" style="">
Не знаю, откуда ?
Уровень вложенности:
<div class="content">
<div class="codebox">
<pre> // а внутри между <pre> и </pre>
<code class="prettyprint prettyprinted" style="">

Куда "копать" дальше? Где может быть ошибка? Подскажите пожалуйста?

[PPK]

1. В исходном коде его и не будет, он через яваскрипт добавляется
2. Очистите кеш, там не все стили могут добавлять нумерацию https://github.com/google/code-prettify ... fifth-line

[junior]

Очистил кеш и.... номера строк кода появились Большое спасибо!
В HTML коде странице теперь: <code class="prettyprint linenums prettyprinted">
А подскажите пожалуйста, как вывести нумерацию каждой строки, а не через 5 строк?
В файле prettify.css нашел это:

Код: Выделить всё

/* Specify class=linenums on a pre to get line numbering */
ol.linenums { margin-top: 0; margin-bottom: 0 } /* IE indents via margin-left */
li.L0,
li.L1,
li.L2,
li.L3,
li.L5,
li.L6,
li.L7,
li.L8 { list-style-type: none }
/* Alternate shading for lines */
li.L1,
li.L3,
li.L5,
li.L7,
li.L9 { background: #eee }

Именно эти строчки задают стиль нумерации строк кода. Не так ли? Подскажите пожалуйста, что здесь отредактировать, чтобы номер был у каждой строки. Заранее спасибо!