Подсветка синтаксиса на PHPBB3x

Бесплатный веб-форум со свободным исходным кодом, разработанный на языке PHP, поддерживающий различные СУБД, включая MySQL, PostgreSQL, MS SQL Server, MS Access, SQLite, а также Oracle.
Ответить
Аватара пользователя
Suver
Site Admin
Сообщения: 14
Зарегистрирован: Ср сен 22, 2021 6:23 pm

Подсветка синтаксиса на PHPBB3x

Сообщение Suver »

Скачиваем
syntaxhighlighter.zip
(65.75 КБ) 2243 скачивания
Распаковываем его и выбираем нужные скрипты и стили.
Например:
shCoreRDark.css
shThemeRDark.css

XRegExp.js
shLegacy.js
shCore.js
shMegaLang.js
(Хочу заметить, что свои стили я изменил, поэтому применяя приведённые в примере стили будут отличаться от стиля на форуме)

Идём дальше...
Загружаем выбранные файлы на хост. Можно в существующею папку или же можно создать, например назвав её
syntax
чтобы легче было найти... ;)
Теперь когда стили и скрипты загружены, открываем файл темы:
Он находится https://ваш_форум.ру/styles/prosilver/template/overall_header.html
Находим там закрывающейся тег </head> и передним вставляем следующие строки:
<!-- Syntaxy -->	
<link href='https://ваш_форум.ру/syntax/shCoreRDark.css' rel='stylesheet' type='text/css'/>
<link href='https://ваш_форум.ру/syntax/shThemeRDark.css' rel='stylesheet' type='text/css'/>
 
<script class='javascript' src='https://ваш_форум.ру/syntax/XRegExp.js'/> 
<script class='javascript' src='https://ваш_форум.ру/syntax/shLegacy.js'/>
<script class='javascript' src='https://ваш_форум.ру/syntax/shCore.js'/>  
<script class='javascript' src='https://ваш_форум.ру/syntax/shMegaLang.js'/>
<script type='text/javascript'>
SyntaxHighlighter.all();
</script>
<!-- END Syntaxy -->
Далее...
Переходим в Администраторский раздел > Сообщение > BBCodes > Добавить BBCodes

В поле "Использование BBCode" прописываем:

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

[css]{TEXT}[/css]
В поле "Замена HTML" прописываем:

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

<pre class="brush: css" id="output">
{TEXT}
</pre>
<link href='https://ваш_форум.ру/syntax/shCoreRDark.css' rel='stylesheet' type='text/css'/>
<link href='https://ваш_форум.ру/syntax/shThemeRDark.css' rel='stylesheet' type='text/css'/>
 
<script class='javascript' src='https://ваш_форум.ру/syntax/XRegExp.js'/> 
<script class='javascript' src='https://ваш_форум.ру/syntax/shLegacy.js'/>
<script class='javascript' src='https://ваш_форум.ру/syntax/shCore.js'/>  
<script class='javascript' src='https://ваш_форум.ру/syntax/shMegaLang.js'/>
<script type='text/javascript'>
SyntaxHighlighter.all();
</script>
В поле "Подсказка" пишем:

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

Стили CSS
Далее добавляем ББКоды выбранных языков, заменяя CSS на нужный: html, js, php и т.д.
Также не забываем заменить ссылки на сайт.

Результат:
его можно увидеть чуть выше в этой статье, использовался код html
а так будет выглядеть панель сообщения...
Изображение

На этом всё, пользуйтесь во благо! :D
Всё написанное здесь сегодня, может быть не так уж и важно завтра... Изображение
Ответить