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

11 сообщений
Аватара пользователя
PPK
Администратор
Сообщения: 9218
Зарегистрирован: 21 мар 2009, 17:13
Благодарил (а): 74 раза
Поблагодарили: 1380 раз

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

Сообщение PPK » 05 авг 2016, 14:11

Описание
Порт мода Подсветка текста с блоками кода в форуме 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.0.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 Добавлена нумерация строк кода
У вас нет необходимых прав для просмотра вложений в этом сообщении.

LEOPARD
Сообщения: 16
Зарегистрирован: 06 сен 2016, 20:58
Благодарил (а): 12 раз

[Расширение] Google Code Prettify: подсветка текста с блоками кода

Сообщение LEOPARD » 07 сен 2016, 23:07

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

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

WeWery
Сообщения: 8
Зарегистрирован: 21 апр 2016, 20:26
Благодарил (а): 1 раз

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

Сообщение WeWery » 24 окт 2017, 08:01

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

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

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

Аватара пользователя
PPK
Администратор
Сообщения: 9218
Зарегистрирован: 21 мар 2009, 17:13
Благодарил (а): 74 раза
Поблагодарили: 1380 раз

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

Сообщение PPK » 24 окт 2017, 10:21

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

WeWery
Сообщения: 8
Зарегистрирован: 21 апр 2016, 20:26
Благодарил (а): 1 раз

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

Сообщение WeWery » 24 окт 2017, 12:38

PPK писал(а): Скрипт сам определяет язык
Не определяет. Я даже принудительно в код пишу

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

#!/bin/bash
Ноль.

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

Отправлено спустя 6 минут 45 секунд:
PPK писал(а): https://github.com/o0johntam0o/phpBB-Ex ... debox-Plus
Извиняюсь. :oops: Это вроде то, что дало, спасибо.

junior
Сообщения: 3
Зарегистрирован: 14 дек 2017, 20:48

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

Сообщение junior » 14 дек 2017, 20:56

Подскажите пожалуйста, как в этом расширении включить отображение нумерации строк?
Настроек в админ панели не видно никаких, значит нужно вручную отредактировать файл конфигурации?
И ещё вопрос: чтобы выбрать какой-то из этих стилей
<!-- 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
Администратор
Сообщения: 9218
Зарегистрирован: 21 мар 2009, 17:13
Благодарил (а): 74 раза
Поблагодарили: 1380 раз

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

Сообщение PPK » 15 дек 2017, 10:52

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
Сообщения: 3
Зарегистрирован: 14 дек 2017, 20:48

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

Сообщение junior » 17 дек 2017, 05:10

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


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

Аватара пользователя
PPK
Администратор
Сообщения: 9218
Зарегистрирован: 21 мар 2009, 17:13
Благодарил (а): 74 раза
Поблагодарили: 1380 раз

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

Сообщение PPK » 22 дек 2017, 11:03

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


junior
Сообщения: 3
Зарегистрирован: 14 дек 2017, 20:48

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

Сообщение junior » 24 дек 2017, 05:54

Очистил кеш и.... номера строк кода появились :D Большое спасибо!
В 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 }
Именно эти строчки задают стиль нумерации строк кода. Не так ли? Подскажите пожалуйста, что здесь отредактировать, чтобы номер был у каждой строки. Заранее спасибо!

11 сообщений

Кто сейчас на конференции

Сейчас этот форум просматривают: CCBot, Sogou web spider и 2 гостя

Текущее время: 17 окт 2018, 14:25