Кодировка HTML | Демо-сайт CMS uCoz | Почта

Highlight.js

Архив полностью рабочих скриптов и так далее...

Highlight.js

Сообщение AllCity » 18 сен 2008, 13:35

Изображение

Вот ещё один интересный скрипт подсветки кода для сайта :) highlight.js

Создаем в корне сайта папку highlight и загружаем туда содержимое этого архива :!:
highlight.zip
(57.15 Кб) Скачиваний: 162


Теперь открываем шаблон Форум - Общий вид страниц форума
и между <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 при этом подсветка кода будет другая 8-)
находим $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]

На этом все :ugeek:
Аватара пользователя
AllCity
Администратор
Администратор
 
Автор темы
Сообщения: 2505
Возраст: 29
Зарегистрирован: 18 апр 2008, 17:52
Карма: + 143 -
Откуда: Израиль, Тель-Авив

Re: Highlight.js

Сообщение Tronik » 18 сен 2008, 16:32

Как таблицу с кодом уменьшить ,а то вот что получилось:
Изображение
Аватара пользователя
Tronik
Салага
Салага
 
Сообщения: 2
Зарегистрирован: 07 сен 2008, 10:18
Карма: + 0 -

Re: Highlight.js

Сообщение AllCity » 19 сен 2008, 11:23

В CSS должно помочь.
Код: Выделить всё
pre {width: 640px; overflow: auto;}
Аватара пользователя
AllCity
Администратор
Администратор
 
Автор темы
Сообщения: 2505
Возраст: 29
Зарегистрирован: 18 апр 2008, 17:52
Карма: + 143 -
Откуда: Израиль, Тель-Авив

Re: Highlight.js

Сообщение Stribogaaa » 09 ноя 2008, 10:49

Как применить этот скрипт не к [highlight][/highlight] а к [code][/code]
Stribogaaa
Салага
Салага
 
Сообщения: 5
Зарегистрирован: 08 ноя 2008, 10:54
Карма: + 0 -

Re: Highlight.js

Сообщение AllCity » 09 ноя 2008, 19:51

Скриптом :)
Аватара пользователя
AllCity
Администратор
Администратор
 
Автор темы
Сообщения: 2505
Возраст: 29
Зарегистрирован: 18 апр 2008, 17:52
Карма: + 143 -
Откуда: Израиль, Тель-Авив

Re: Highlight.js

Сообщение Stribogaaa » 10 ноя 2008, 15:41

AllCity писал(а):Скриптом :)


Можно поподробнее или пример скрипта?
Stribogaaa
Салага
Салага
 
Сообщения: 5
Зарегистрирован: 08 ноя 2008, 10:54
Карма: + 0 -

Re: Highlight.js

Сообщение AllCity » 14 ноя 2008, 10:38

Ну а в чем проблема переделать этот код viewtopic.php?p=9908#p9908 :?: и подключить к этому скрипту.
Аватара пользователя
AllCity
Администратор
Администратор
 
Автор темы
Сообщения: 2505
Возраст: 29
Зарегистрирован: 18 апр 2008, 17:52
Карма: + 143 -
Откуда: Израиль, Тель-Авив

Re: Highlight.js

Сообщение Stribogaaa » 14 ноя 2008, 12:28

AllCity писал(а):Ну а в чем проблема переделать этот код viewtopic.php?p=9908#p9908 :?: и подключить к этому скрипту.


Да с этим скриптом проблемы то нет, но мне этот больше по душе(у него подсветка синтаксиса лучше проработана + определяет язык на котором код).
я бы и сам сделал да вот в JavaScript не шарю... Если будет желание помогите, если нет - то я в принципе не буду сильно огорчён...
Stribogaaa
Салага
Салага
 
Сообщения: 5
Зарегистрирован: 08 ноя 2008, 10:54
Карма: + 0 -

Re: Highlight.js

Сообщение AllCity » 22 дек 2008, 09:55

Вот тогда этот скрипт будет работать под 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.

Тема закрыта!
Аватара пользователя
AllCity
Администратор
Администратор
 
Автор темы
Сообщения: 2505
Возраст: 29
Зарегистрирован: 18 апр 2008, 17:52
Карма: + 143 -
Откуда: Израиль, Тель-Авив


Вернуться в Архив скриптов и интересных решений

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

Сейчас этот форум просматривают: Google [Bot] и гости: 1

cron