[FAQ] bb-код [CODE] - подсветка синтаксиса в коде

[ErikPshat]

headinclude - бэкап кода, залитого на форуме (старая версия):

<link rel="stylesheet" href="styles/ir_black.css" />

<!-- highlight.js block code -->
<script type="text/javascript" src="highlight.pack.js"></script>
  <script type="text/javascript">
  hljs.tabReplace = '    ';
  hljs.initHighlightingOnLoad();
  </script>
<!-- / highlight.js block code -->

Новая версия 9.12.0 грузится со скоростного сервера CDN (улучшена подсветка синтаксиса):
176 languages and 79 styles

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/vs2015.min.css" />

<!-- highlight.js block code -->
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
<!-- / highlight.js block code -->

Оффсайт: https://highlightjs.org
Стили на CDN: https://cdnjs.com/libraries/highlight.js/
Демонстрация стилей и подсветки языков программирования: https://highlightjs.org/static/demo/

---

SHOWTHREAD - выделение кода

<!-- Select Code -->
<script type="text/javascript">
function selectCode(a)
{
   var e = a.parentNode.parentNode.getElementsByTagName('PRE')[0];
   if (window.getSelection)
   {
      var s = window.getSelection();
       if (s.setBaseAndExtent)
      {
         s.setBaseAndExtent(e, 0, e, e.innerText.length - 1);
      }
      else
      {
         var r = document.createRange();
         r.selectNodeContents(e);
         s.removeAllRanges();
         s.addRange(r);
      }
   }
   else if (document.getSelection)
   {
      var s = document.getSelection();
      var r = document.createRange();
      r.selectNodeContents(e);
      s.removeAllRanges();
      s.addRange(r);
   }
   else if (document.selection)
   {
      var r = document.body.createTextRange();
      r.moveToElementText(e);
      r.select();
   }
}
</script>
<!-- / Select Code -->

[ErikPshat]

В шаблоне "bbcode_code" удалено после <div> кнопка Код: "Выделить"

Было:

<div style="margin-bottom:15px;">
	<div class="smallfont" align="right">$vbphrase[code]: <a href="#" onclick="selectCode(this); return false;"><input type="button" value="Выделить" style="width:63px; font-size:11px;" /></a></div>
	<pre class="alt2" dir="ltr" style="
		background-color: #2B303B;
		margin: 0px;
		padding: $stylevar[cellpadding]px;
		border: 1px inset;
		text-align: left;
		white-space: pre-wrap;
		overflow: auto;"><code>$code</code></pre>
</div>

Стало:

<div style="margin:15px 0 15px 0;">
	<pre class="alt2" dir="ltr" style="
		background-color: #2B303B;
		margin: 0px;
		padding: $stylevar[cellpadding]px;
		border: 1px inset;
		text-align: left;
		white-space: pre-wrap;
		overflow: auto;"><code>$code</code></pre>
</div>

Из SHOWTHREAD так же удалён скрипт выделения:

<!-- Select Code -->
<script type="text/javascript">
function selectCode(a)
{
   var e = a.parentNode.parentNode.getElementsByTagName('PRE')[0];
   if (window.getSelection)
   {
      var s = window.getSelection();
       if (s.setBaseAndExtent)
      {
         s.setBaseAndExtent(e, 0, e, e.innerText.length - 1);
      }
      else
      {
         var r = document.createRange();
         r.selectNodeContents(e);
         s.removeAllRanges();
         s.addRange(r);
      }
   }
   else if (document.getSelection)
   {
      var s = document.getSelection();
      var r = document.createRange();
      r.selectNodeContents(e);
      s.removeAllRanges();
      s.addRange(r);
   }
   else if (document.selection)
   {
      var r = document.body.createTextRange();
      r.moveToElementText(e);
      r.select();
   }
}
</script>
<!-- / Select Code -->