Еще один тайм-аут и в планах добавить пару тройку материалов. Не раз бывало такое, что стандартный вид тега
Код
не устраивал. Или нужны были еще дополнительные кнопки: открытие в новом окне, печать, выделение и так далее. В вид встроена подсветка синтаксиса, то что требуется для сайтов со всяческими кодами на подоби CSS, Html, JavaScript и прочих.
Для начала зайдем в Панель управления своего сайта, Управление дизайном на Страницу материала и комментариев к нему нужно модуля между тегами <head></head> вставим
[code]<script type="text/javascript" src="http://uwebo4ka.3dn.ru/scripts/code/shCore.js"></script>
<script type="text/javascript" src="http://uwebo4ka.3dn.ru/scripts/code/shBrushJScript.js"></script>
<script type="text/javascript" src="http://uwebo4ka.3dn.ru/scripts/code/codes.js"></script>
<style type="text/css">
@import url(http://uwebo4ka.3dn.ru/scripts/code/shCore.css);
@import url(http://uwebo4ka.3dn.ru/scripts/code/shThemeDefault.css);
</style>
На этой же странице, но уже перед закрывающимся тегом </body> вставляем
Код
<script type="text/javascript">
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 class="brush: js; first-line: 1;ruler: true; option: false;">'+code+'</pre>');
});
</script>
<script type="text/javascript">
//<![CDATA[
SyntaxHighlighter.all();
//]]>
</script>
Вот и все, когда это проделаете заходите на страницу с кодом и радуйтесь!