Como colocar cor automática nos códigos?

• Descrição:

Por exemplo, clico ali no botão de adicionar script, e coloco um script... ele fica todo de uma cor só... teria como fazer " colorir " o script de forma automática, onde " void " fica na cor rocha, o que está depois de " // " fica de cor cinza, como este script por exemplo...



alguém sabe um metodo de fazer isso?

• Informações:

Código:

jQuery(document).ready(function(){jQuery('.postbody dl.codebox dd code').each(function(){t=1;if(this.innerHTML.indexOf('<br>')!=-1){t='';i=1;while(i<=this.innerHTML.split('<br>').length){t+='\n'+i;i++};jQuery(this).before('<pre>'+t+'</pre>')}})});

Código:

.postbody dl.codebox dd{overflow-y:auto;overflow-x:auto;max-height:200px}.postbody dl.codebox pre{display:block;float:left;font-size:12px;line-height:15.199999809265137px;padding:5px;border-right:3px solid #6CE26C;margin-top:2px;color:#A8A5A5;margin-right:5px;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New';padding-right:8px}.postbody dl.codebox code{overflow-y:hidden;overflow-x:hidden;max-height:none;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New';background:url(http://i.imgur.com/eHvfR.png) repeat 0px 0px;padding-top:0px;margin-top:7px}

Código:

$(function(){$(window).load(function(){var av=$('#fa_usermenu img:eq(0)').attr('src');$('#fa_welcome').prepend('<img src="'+av+'" class="fa_avatar" />')})});jQuery(document).ready(function(){jQuery('.post').each(function(){if(jQuery(this).is('.equipefundo,.equipefundoAju,.equipefundoAnaliza,.equipefundoArt,.equipefundoBlog,.equipefundoMods')){jQuery(this).find('.postprofile dl dd > span:contains("Barra de respeito às regras")').next('img').remove().end().remove()}})});jQuery(function(){var sCSS='<style>'+'/***'+'* Syntax Highlighter funtionality for Forumotion!'+'* CSS: .codebox dd.cont_code'+'* (c) http://balupton.github.io'+'* Version: 1.28082013-jq1.9.1'+'* Made by JScript - 2013/12/16'+'*/'+'code.punbb_block, pre.punbb_block {'+'  background-color: #FAFAFA !important;'+'  border: 1px solid #C9C9C9 !important;'+'  color: #000000;'+'  font-family: Consolas,"Bitstream Vera Sans Mono","Andale Mono",Monaco,"DejaVu Sans Mono","Lucida Console",monospace !important;'+'  font-size: 11px !important;'+'  line-height: 110% !important;'+'  max-height: 250px !important;'+'  overflow: auto !important;'+'  padding: 5px !important;'+'  white-space: pre-wrap !important;'+'  width: auto !important;'+'}'+'.punbbtop {'+'  background-color: #FFDEAD !important;'+'  color: #1D3652;'+'  font-size: 10px;'+'  font-weight: bold;'+'  line-height: 100%;'+'  margin-top: 5px;'+'  padding: 2px 1px 2px 3px;'+'}'+'.punbbtop button {'+'  background: -moz-linear-gradient(center top , #EDEDED 5%, #DFDFDF 100%) repeat scroll 0 0 #EDEDED;'+'  border: 1px solid #BBBBBB;'+'  border-radius: 3px 3px 3px 3px;'+'  color: #1D3652;'+'  cursor: pointer;'+'  display: inline-block;'+'  font-size: 10px;'+'  padding: 0 6px;'+'  text-decoration: none;'+'}'+'.punbbtop button:hover {'+'  background: -moz-linear-gradient(center top , #DFDFDF 5%, #EDEDED 100%) repeat scroll 0 0 #DFDFDF;'+'  border-color: #9A9A9A;'+'  color: #3D70A3;'+'}'+'.punbbtop button:active {'+'  position: relative;'+'  top: 1px;'+'}'+'pre.punbb_block.expand, code.punbb_block.expand {'+'  max-height: 100% !important;'+'}'+'.prettyprint ol.linenums{'+'  padding-left: 15px !important;'+'}'+'</style>';document.head.insertAdjacentHTML('beforeEnd',sCSS);if(jQuery('.cont_code').length){var tagCode=jQuery('.cont_code')}else{if(jQuery('.cont_code').length){var tagCode=jQuery('.code')}else{var tagCode=jQuery('code')}}tagCode.each(function(){var sContent=jQuery(this).html();var codebox=jQuery(this).parent().parent();codebox.before('<div class="punbbtop">Código        <button onclick="punbbExpand(this); return false;">Expandir</button><button style="display: none" onclick="punbbCollapse(this); return false;">Diminuir</button>  <button onclick="punbbSelect(this); return false;">Selecionar</button>  <button onclick="punbbPopup(this); return false;">Pop-up</button>  </div><pre class="highlight punbb_block">'+sContent+'</pre>');codebox.remove()});jQuery.getScript('http://balupton.github.io/jquery-syntaxhighlighter/scripts/jquery.syntaxhighlighter.min.js',function(){jQuery.SyntaxHighlighter.init({'wrapLines':false})})});function punbbExpand(oThis){jQuery(oThis).css('display','none');jQuery(oThis).next().css('display','');jQuery(oThis).parent().next('pre.punbb_block').addClass('expand')}function punbbCollapse(oThis){jQuery(oThis).css('display','none');jQuery(oThis).prev().css('display','');jQuery(oThis).parent().next('pre.punbb_block').removeClass('expand')}function punbbPopup(oThis){var content=jQuery(oThis).parent().next('pre.punbb_block').html();var my_window=window.open("","PunBB code - Para selecionar o código: [Ctrl] + [A]","scrollbars=1toolbar=no,menubar=no,personalbar=no,status=0,left=0,location=0,menubar=0,top=0,width=640,height=480");my_window.document.write('<pre>'+content+'</pre>')}function punbbAbout(oThis){alert('Simple code to add Syntax Highlighter fuctionality for Forumotion\n\nBy JScript FROM Brazil - 2013/12/16\n')}function punbbSelect(oThis){var doc=document;var text=jQuery(oThis).parent().next('pre.punbb_block')[0];if(doc.body.createTextRange){var range=doc.body.createTextRange();range.moveToElementText(text);range.select()}else if(window.getSelection){var selection=window.getSelection();var range=doc.createRange();range.selectNodeContents(text);selection.removeAllRanges();selection.addRange(range)}}