Страница 1 из 1
Highlight.js
Добавлено: 18 сен 2008, 13:35
AllCity

Вот ещё один интересный скрипт подсветки кода для сайта
highlight.jsСоздаем в корне сайта папку
highlight и загружаем туда содержимое этого архива

Теперь открываем шаблон
Форум -
Общий вид страниц форумаи между
<head> и
</head> ставим этот код
Код: Выделить всё
<?if($PAGE_ID$="threadpage")?>
<link type="text/css" rel="stylesheet" href="/highlight/styles/default.css" />
<script type="text/javascript" src="/highlight/highlight.js"></script>
<?endif?>
где
default.css можно заменить на
ascetic.css,
dark.css,
far.css,
idea.css,
sunburst.css,
zenburn.css при этом подсветка кода будет другая
находим
$BODY$ и сразу после него ставим этот код
Код: Выделить всё
<?if($PAGE_ID$="threadpage")?><script type="text/javascript" src="/highlight/highlightForUcoZ.js"></script><?endif?>
теперь шаблон
Форум -
Форма добавления сообщения и в любое место ставим этот код
Код: Выделить всё
<input type="button" value="highlight" onclick="simpletag('highlight','','','message',''); return false;" class="codeButtons" title="Код (Подсветка синтаксиса)" name="highlight" />
Подсветка вызывается бб-кодом
[highlight][/highlight]На этом все

Re: Highlight.js
Добавлено: 18 сен 2008, 16:32
Tronik
Как таблицу с кодом уменьшить ,а то вот что получилось:

Re: Highlight.js
Добавлено: 19 сен 2008, 11:23
AllCity
Re: Highlight.js
Добавлено: 09 ноя 2008, 09:49
Stribogaaa
Как применить этот скрипт не к [highlight][/highlight] а к [code][/code]
Re: Highlight.js
Добавлено: 09 ноя 2008, 18:51
AllCity
Скриптом

Re: Highlight.js
Добавлено: 10 ноя 2008, 14:41
Stribogaaa
AllCity писал(а):Скриптом

Можно поподробнее или пример скрипта?
Re: Highlight.js
Добавлено: 14 ноя 2008, 09:38
AllCity
Ну а в чем проблема переделать этот код
viewtopic.php?p=9908#p9908 
и подключить к этому скрипту.
Re: Highlight.js
Добавлено: 14 ноя 2008, 11:28
Stribogaaa
Да с этим скриптом проблемы то нет, но мне этот больше по душе(у него подсветка синтаксиса лучше проработана + определяет язык на котором код).
я бы и сам сделал да вот в JavaScript не шарю... Если будет желание помогите, если нет - то я в принципе не буду сильно огорчён...
Re: Highlight.js
Добавлено: 22 дек 2008, 08:55
AllCity
Вот тогда этот скрипт будет работать под BB-Kодом
code, нужно тогда все что есть в файле
highlightForUcoZ.js заменить на
Код: Выделить всё
// By AllCity - http://web-codes.net/
jQuery('div.bbCodeBlock').each(function(){
code = jQuery(this).find('div.codeMessage').html();
code = code.replace(/<br>/ig,'\r\n');
code = code.replace(/<!--uzc-->/ig,'');
code = code.replace(/<!--\/uzc-->/ig,'');
jQuery(this).replaceWith('<pre><code>'+code+'</code></pre>');
});
hljs.initHighlightingOnLoad(); // Чтобы ускорить процесс загрузки, можно перечислить в вызове инициализирующей функции только те языки, которые вам нужны, смотрим файл readme.rus.txt!
Для работы этого скрипта нужен jQuery.
Тема закрыта!