Web <Codes>

Вот ещё один интересный скрипт подсветки кода для сайта

highlight.js

Создаем в корне сайта папку highlight и загружаем туда содержимое этого архива :!:

highlight.zip: (57.15 Кб) Скачиваний: 166

Теперь открываем шаблон Форум - Общий вид страниц форума
и между <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:

Как таблицу с кодом уменьшить ,а то вот что получилось:

В CSS должно помочь.

Код: Выделить всё: pre {width: 640px; overflow: auto;}

Как применить этот скрипт не к [highlight][/highlight] а к [code][/code]

Скриптом

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

Можно поподробнее или пример скрипта?

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

и подключить к этому скрипту.

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

Да с этим скриптом проблемы то нет, но мне этот больше по душе(у него подсветка синтаксиса лучше проработана + определяет язык на котором код).
я бы и сам сделал да вот в JavaScript не шарю... Если будет желание помогите, если нет - то я в принципе не буду сильно огорчён...

Вот тогда этот скрипт будет работать под 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(//ig,''); code = code.replace(//ig,''); jQuery(this).replaceWith('<pre><code>'+code+'</code></pre>'); }); hljs.initHighlightingOnLoad(); // Чтобы ускорить процесс загрузки, можно перечислить в вызове инициализирующей функции только те языки, которые вам нужны, смотрим файл readme.rus.txt!

Для работы этого скрипта нужен jQuery.

Тема закрыта!

Web <Codes>

Highlight.js

Highlight.js

Re: Highlight.js

Re: Highlight.js

Re: Highlight.js

Re: Highlight.js

Re: Highlight.js

Re: Highlight.js

Re: Highlight.js

Re: Highlight.js