Для начала необходимо скачать архив и из него закачать в менеджер картинок файлы
http://alexgorbatchev.com/SyntaxHighlig ... sh_current и распаковать его у себя на компьютере
После этого закачать через менеджер картинок следующие файлы
shCore.css
shThemeEclipse.css
shCore.js
shAutoloader.js
внимание файлы css загружаются но не отображаются в админке
Далее загружаем необходимые скрипты для языков программирования
shBrushPhp.js shBrushCss.js и другие необходимые
создаем нужные ббкоды
Использование ббкод
- Код: Выделить всё
[php]{TEXT}[/php]
Замена html
<pre class="brush: php" id="output">
{TEXT}
</pre>
<link href="http://bbcode.4admins.ru/storage/bbcode_4admins_ru/images/shCore.css" rel="stylesheet" type="text/css" />
<link href="http://bbcode.4admins.ru/storage/bbcode_4admins_ru/images/shThemeEclipse.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://bbcode.4admins.ru/storage/bbcode_4admins_ru/images/shCore.js"></script>
<script type="text/javascript" src="http://bbcode.4admins.ru/storage/bbcode_4admins_ru/images/shAutoloader.js"></script>
<script type="text/javascript" src="http://bbcode.4admins.ru/storage/bbcode_4admins_ru/images/shBrushPhp.js"></script>
<script type="text/javascript">
SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.all()
</script>
Адреса необходимо поменять на свои
При создании ббкодов меняется только один файл в замене html на тот который нужен
например при создании подсветки для css будет
Использование ббкод
- Код: Выделить всё
[css]{TEXT}[/css]
<pre class="brush: css" id="output">
{TEXT}
</pre>
<link href="http://bbcode.4admins.ru/storage/bbcode_4admins_ru/images/shCore.css" rel="stylesheet" type="text/css" />
<link href="http://bbcode.4admins.ru/storage/bbcode_4admins_ru/images/shThemeEclipse.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://bbcode.4admins.ru/storage/bbcode_4admins_ru/images/shCore.js"></script>
<script type="text/javascript" src="http://bbcode.4admins.ru/storage/bbcode_4admins_ru/images/shAutoloader.js"></script>
<script type="text/javascript" src="http://bbcode.4admins.ru/storage/bbcode_4admins_ru/images/shBrushCss.js"></script>
<script type="text/javascript">
SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.all()
</script>
Пример работы http://bbcode.4admins.ru/
Сообщение Администратора GoDFaTHeR | A |
Внимание! дабы не было глюков, рекомендую использовать данный ббкод один раз на страницу, если планируется использование ббкода несколько раз на странице, рекомендую вывести часть замены html в шаблон overal_footer Вынести необходимо часть
от замены ббкода должно остаться только <pre class="brush: css" id="output"> {TEXT} </pre> css менять на тот ббкод который создаете |