MyBB Community Forums

I've been trying to seach for mycodes for html, php,... code for tags, elements, attribute color syntax.
For example if i have this html code:

 <table><tr><td style="
      border-style:dotted; 
      border-width:3px; 
      border-color:green; border-left:3px solid #eadade; 
      padding-left:10px; background-color:#ddf9ae; color:green;">
<p style="border-style:solid; 
      border-width:3px; 
      border-color:green; color:green; background-color:#ddf9cd; 
      border-left:4px solid #e4eadb; padding-left: 5px;">
 some text here... </td></tr>
</table> 

and i want the tags, attributes etc be changed to their respective colors, as seen in a browser code source code. Then what is the corect required tag to achieve this?
Please help.

\[mytable\](.*?)\[/mytable\]

<table><tr><td style="
      border-style:dotted; 
      border-width:3px; 
      border-color:green; border-left:3px solid #eadade; 
      padding-left:10px; background-color:#ddf9ae; color:green;">
<p style="border-style:solid; 
      border-width:3px; 
      border-color:green; color:green; background-color:#ddf9cd; 
      border-left:4px solid #e4eadb; padding-left: 5px;">
$1</td></tr>
</table>

Yes but thats the syntax for creating any mycode in mybb!
The problem is infact, when a user visits a site, say mybb , and viewing its source code, then an html source code appears in a new window, with all the tags, elements, attributes... Presented in different color automatically!
Then my Question is; how can we achieve the same in mybb code? What's the html or javascript or any code that would help overcome this alibi?
Please help.

use this plugin :

ckeditor not html : http://community.mybb.com/thread-132680.html

ckeditor html : http://mods.mybb.com/view/ckeditor