BBcode - Подсветка синтаксиса

Ббкоды для красивого оформления и работы с текстом
Ответить
Аватара пользователя
Admin
Администратор
Сообщения: 1316
Зарегистрирован: 09 авг 2011, 00:22
Репутация: 14
Пол: Мужской
Благодарил (а): 2 раза
Поблагодарили: 9 раз

BBcode - Подсветка синтаксиса

Сообщение Admin » 03 сен 2011, 23:54

BBcode - подсветка синтаксиса

загрузить файлы
shCore.css
shThemeEclipse.css
shCore.js
shAutoloader.js


загружаем необходимые скрипты для языков программирования
shBrushPhp.js shBrushCss.js и другие необходимые

теперь делаем BBcode

Использование ббкод

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

[php]{TEXT}[/php]
Замена html

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

<pre class="brush: php" id="output">
{TEXT}
</pre>
<link href="#####/images/shCore.css" rel="stylesheet" type="text/css" />
<link href="#####/images/shThemeEclipse.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="#####/images/shCore.js"></script>
<script type="text/javascript" src="#####/images/shAutoloader.js"></script>
<script type="text/javascript" src="#####/images/shBrushPhp.js"></script>
 
<script type="text/javascript">
SyntaxHighlighter.config.bloggerMode = true;
 SyntaxHighlighter.all()
</script>
Использование ббкод

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

[css]{TEXT}[/css]
##### - меняем на свои
Изображение

лоридин
simart
Сообщения: 1
Зарегистрирован: 26 янв 2012, 01:37
Репутация: 0

Re: BBcode - подсветка синтаксиса

Сообщение simart » 26 янв 2012, 01:54

и ждем когда любой малолетний хакер ломанет и снесет все :gluk:
вот эту хрень :
<link href="#####/images/shCore.css" rel="stylesheet" type="text/css" />
<link href="#####/images/shThemeEclipse.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="#####/images/shCore.js"></script>
<script type="text/javascript" src="#####/images/shAutoloader.js"></script>
<script type="text/javascript" src="#####/images/shBrushPhp.js"></script>

<script type="text/javascript">
SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.all()
</script>
вставляеш в overall_header.html гденить в head - а не грузить с каждой вставкой кода как у тебя
бб код соответственгно оствляеш
<pre class="brush: php" id="output">
{TEXT}
</pre>
это одно
а второе
{TEXT} нельзя разрешать пользователям такие коды -потому как это такая дырища нтмл код помещенный туда будет исполняться
как вариант разрешить этот код ток админу и и вставляя код который подсвечивать нужно преобразовывать иначе будет хрень
зы . сюда попал с гугла искал мод для подсветки синтаксиса мой форум [1url]http://simart.info/[/1url] - но это решение не годится!!
зызы. без обид

Аватара пользователя
Fox
Администратор
Сообщения: 248
Зарегистрирован: 16 июн 2013, 11:10
Репутация: 4
Пол: Мужской
Поблагодарили: 7 раз
Контактная информация:

Re: BBcode - Подсветка синтаксиса

Сообщение Fox » 17 июн 2013, 11:10

simart писал(а): а второе
{TEXT} нельзя разрешать пользователям такие коды -потому как это такая дырища нтмл код помещенный туда будет исполняться
Этот ббкод безопасен для форума.

Измененный вариант BBcode - Подсветка синтаксиса
Использование ббкод

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

[php]{TEXT}[/php]
Замена html - css менять на тот ббкод который создаете

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

<pre class="brush: css" id="output">
{TEXT}
</pre>
Подсказка (не забудьте перечислить поддерживаемые языки программирования):

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

[php]Подсветка синтаксиса[/php]
шаблон overal_footer добавить

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

<link href="http://phpbb3.kabb.ru/images/ranks/phpbb3_kabb_ru/shCore.css" rel="stylesheet" type="text/css" />
<link href="http://phpbb3.kabb.ru/images/ranks/phpbb3_kabb_ru/shThemeEclipse.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://phpbb3.kabb.ru/images/ranks/phpbb3_kabb_ru/shCore.js"></script>
<script type="text/javascript" src="http://phpbb3.kabb.ru/images/ranks/phpbb3_kabb_ru/shAutoloader.js"></script>
<script type="text/javascript" src="http://phpbb3.kabb.ru/images/ranks/phpbb3_kabb_ru/shBrushCss.js"></script>

<script type="text/javascript">
SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.all()
</script>
+ добавить в шаблон все используемые языки для ббкодов shBrushCss.js shBrushPhp.js и т.д. из первого архова
Вложения
shCore.css
(6.06 КБ) 182 скачивания
shThemeEclipse.css
(3.12 КБ) 153 скачивания
shBrushXml.js
(1.95 КБ) 182 скачивания
shCore.js
(27.38 КБ) 176 скачиваний
shBrushCpp.js
(5.16 КБ) 165 скачиваний
shAutoloader.js
(1.42 КБ) 180 скачиваний
syntaxhighlighter_3.0.83_3.zip
№ 1
(174.32 КБ) 196 скачиваний

Аватара пользователя
Fox
Администратор
Сообщения: 248
Зарегистрирован: 16 июн 2013, 11:10
Репутация: 4
Пол: Мужской
Поблагодарили: 7 раз
Контактная информация:

Re: BBcode - Подсветка синтаксиса

Сообщение Fox » 17 июн 2013, 11:53

BBcode подсветки кода от Google - Code Prettify

Подсветка синтаксиса кода от Google - Code Prettify чисто на JavaScript, всего один файл . Универсальный скрипт для подсветки кода практически любого языка.
Главные преимущества:
  • • не нужно указывать язык программирования;
    • очень маленький вес + CDN.


overall_footer.html добавить вверх

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

<script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>
BBcode

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

[code-pre]{TEXT}[/code-pre]
Замена HTML

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

<pre class="prettyprint" style="width: 85%;padding-left: 10px; border-top: 2px solid #A9B8C2; border-right: 1px solid #A9B8C2; border-bottom: 1px solid #A9B8C2; border-left: 4px solid #A9B8C2; white-space: pre-wrap; background-color: #F8F8F8; font-size: 13px; line-height: 1.4;">{TEXT}</pre>
Также, по желанию, можно вместо старых тегов [ code ][ /code ] автоматически вставлять новые [ code-pre ][ /code-pre ] при этом старые теги останутся, чтобы не пострадали ранние посты. То есть при нажатии кнопки [ code ] будут вставляться теги [ code-pre ][ /code-pre ]

В шаблоне posting_buttons.html
Находим

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

'[code]','
'[/code]
Заменяем на

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

'[code-pre]','[/code-pre]'
Пример использования данного BBcode

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

[code-pre]<pre class="prettyprint" style="width: 85%;padding-left: 10px; border-top: 2px solid #A9B8C2; border-right: 1px solid #A9B8C2; border-bottom: 1px solid #A9B8C2; border-left: 4px solid #A9B8C2; white-space: pre-wrap; background-color: #F8F8F8; font-size: 13px; line-height: 1.4;">{TEXT}</pre>
<script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>[/code-pre]
<pre class="prettyprint" style="width: 85%;padding-left: 10px; border-top: 2px solid #A9B8C2; border-right: 1px solid #A9B8C2; border-bottom: 1px solid #A9B8C2; border-left: 4px solid #A9B8C2; white-space: pre-wrap; background-color: #F8F8F8; font-size: 13px; line-height: 1.4;">{TEXT}</pre>
<script src="https://google-code-prettify.googlecode ... "></script>
Авторы
Alexdemath

Ответить
  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение

Вернуться в «BBcode оформление текста»