如何在我的phpbb顯示標記顏色代碼BBCode

Question

我有我的phpbb論壇上的默認[code] [/ code] BBCode。但它不顯示代碼標記的顏色。我想看看每個php，html，css等顏色的確切顏色。

我在那裏使用波紋管代碼來創建BBCode。

HTML更換：

<script type="text/javascript"> 
// select all function 
function selectCode(a) 
{ 
    // Get ID of code block 
    var e = a.parentNode.parentNode.getElementsByTagName('CODE')[0]; 
    // Not IE and IE9+ 
    if (window.getSelection) 
    { 
     var s = window.getSelection(); 
     // Safari 
     if (s.setBaseAndExtent) 
     { 
      s.setBaseAndExtent(e, 0, e, e.innerText.length - 1); 
     } 
     // Firefox and Opera 
     else 
     { 
      // workaround for bug # 42885 
      if (window.opera && e.innerHTML.substring(e.innerHTML.length - 4) == '<BR>') 
      { 
       e.innerHTML = e.innerHTML + '&nbsp;'; 
      } 

      var r = document.createRange(); 
      r.selectNodeContents(e); 
      s.removeAllRanges(); 
      s.addRange(r); 
     } 
    } 
    // Some older browsers 
    else if (document.getSelection) 
    { 
     var s = document.getSelection(); 
     var r = document.createRange(); 
     r.selectNodeContents(e); 
     s.removeAllRanges(); 
     s.addRange(r); 
    } 
    // IE 
    else if (document.selection) 
    { 
     var r = document.body.createTextRange(); 
     r.moveToElementText(e); 
     r.select(); 
    } 
} 

//expand - collapse settings 
function expandcollapse(a) { 
    var ee = a.parentNode.parentNode.getElementsByTagName('dd')[0]; 
    if (ee.style.maxHeight == '200px') 
     { 
     ee.style.maxHeight = '2000px'; 
     a.innerHTML = 'collapse'; 
     } 
     else { 
      ee.style.maxHeight = '200px'; 
      a.innerHTML = 'expand'; 
      }; 
} 

</script> 
<![if !IE]> 
<script type="text/javascript"> 
    function scrolltest(k) { 
     var eee = k.getElementsByTagName('dd')[0]; 
     var old = eee.scrollTop; 
     eee.scrollTop += 1; 

     if (eee.scrollTop > old) { 
      eee.scrollTop -= 1; 
      k.getElementsByTagName('a')[1].style.visibility = "visible"; 
     } 
    } 
</script> 
<![endif]> 

<div class="pre" onmouseover="scrolltest(this); return false;"> 
    <dt class="pre_header"> 
     <b>Code: </b> 
     <a href="#" onclick="selectCode(this); return false;">Select all</a> 
     <a style="float:right; visibility:hidden;" href="#" onclick="expandcollapse(this); return false;">expand</a> 
    </dt> 
    <dd style="max-height:200px; overflow:auto;"> 
     <code> 
      {TEXT} 
     </code> 
    </dd> 
</div> 

Answer 1

如果你正在尋找一個語法高亮，看看這個PHPBB插件/ MOD：

http://sourceforge.net/projects/geshi-phpbb/

閱讀GeSHi更多。