xheditor+prettify實現代碼高亮

網上的教程很多，主要遺漏了三點。

1、匯入ubb.min.js   <script type="text/javascript" src="js/ubb.min.js"></script>

2、在textarea中，不要寫class="xheditor"了，如果寫了的話，就不會出現自己添加的新按鈕。

3、pageInit()函數要這樣寫：

<script type="text/javascript">  $(pageInit);function pageInit(){var plugins={Code:{c:'btnCode',t:'插入代碼',h:1,e:function(){var _this=this;var htmlCode='<div><select id="xheCodeType"><option value="html">HTML/XML</option><option value="js">Javascript</option><option value="css">CSS</option><option value="php">PHP</option><option value="java">Java</option><option value="py">Python</option><option value="pl">Perl</option><option value="rb">Ruby</option><option value="cs">C#</option><option value="c">C++/C</option><option value="vb">VB/ASP</option><option value="">其它</option></select></div><div><textarea id="xheCodeValue" wrap="soft" spellcheck="false" style="width:300px;height:100px;" /></div><div style="text-align:right;"><input type="button" id="xheSave" value="確定" /></div>';var jCode=$(htmlCode),jType=$('#xheCodeType',jCode),jValue=$('#xheCodeValue',jCode),jSave=$('#xheSave',jCode);jSave.click(function(){_this.loadBookmark();_this.pasteText('[code='+jType.val()+']\r\n'+'<pre class="prettyprint lang-'+jType.val()+'">'+jValue.val()+'</pre>'+'\r\n[/code]');_this.hidePanel();return false;});_this.saveBookmark();_this.showDialog(jCode);}}};$('#newContent').xheditor({plugins:plugins,tools:'full',showBlocktag:false,forcePtag:false,beforeSetSource:ubb2html,beforeGetSource:html2ubb,shortcuts:{'ctrl+enter':submitForm}});$('#replyContent').xheditor({plugins:plugins,tools:'full',showBlocktag:false,forcePtag:false,beforeSetSource:ubb2html,beforeGetSource:html2ubb,shortcuts:{'ctrl+enter':submitForm}});}function submitForm(){$('#solution').submit();}</script> 

這樣就可以了。