在discuz二次開發(fā)中調(diào)用discuz的編輯器是一件在所難免的事情，然而discuz的開發(fā)文檔少得可憐；因此在二次開發(fā)的時(shí)候查看源碼和各種莫名其妙的問題著實(shí)令人摸不著頭腦。前面講解了一下調(diào)用discuz編輯器的實(shí)例調(diào)用discuz編輯器再也不是問題了。然而這只是一個(gè)粗糙的例子，而discuz帖子存儲(chǔ)在數(shù)據(jù)庫(kù)的卻是自定義的bbcode而不是正常的html代碼。這也就導(dǎo)致直接調(diào)用discuz的編輯器發(fā)帖顯示出來的帖子成了html源碼。

　　網(wǎng)上找了很久也沒找到相應(yīng)的問題，最后通過數(shù)據(jù)庫(kù)的字段對(duì)比才知道問題的所在。

　　1、問題所在

　　調(diào)用編輯器編輯的源碼

頂頂頂頂頂<b><i>的頂頂頂頂頂</i></b>頂頂頂頂?shù)牡?span style="color:#0000ff;"><a href="http://127.0.0.1:8080/data/attachment/album/201507/22/112816z1znnm01wmozpvgb.png" target="_blank"><img src="http://127.0.0.1:8080/data/attachment/album/201507/22/112816z1znnm01wmozpvgb.png" border="0" alt=""></a>

　　而默認(rèn)發(fā)帖的源碼為

頂頂頂頂頂[b][i][u]的頂頂頂頂頂[/u][/i][/b]頂頂頂頂?shù)牡腫url=data/attachment/album/201507/22/112816z1znnm01wmozpvgb.png][img]data/attachment/album/201507/22/112816z1znnm01wmozpvgb.png[/img][/url]

　　于是網(wǎng)上找了一通，最后才知道這是discuz的特色。對(duì)html代碼進(jìn)行了特殊的處理，其采用了bbcode的方式進(jìn)行二次編碼，顯示帖子的時(shí)候再將bbcode編碼轉(zhuǎn)換成正常的html代碼。discuz這么做的目的也顯而易見，最終是為了提高整個(gè)應(yīng)用的安全性。

　　2、提交前對(duì)html進(jìn)行bbcode編碼

　　static/js/bbcode.js中的html2bbcode可以講正常的html編碼轉(zhuǎn)換成discuz自定義的bbcode編碼

　　最后在./static\image\editor\editor_function.js中的edit_save()找到了獲取編輯器內(nèi)容，并設(shè)置編碼

var p = window.frames['uchome-ifrHtmlEditor']; var obj = p.window.frames['HtmlEditor']; var status = p.document.getElementById('uchome-editstatus').value; $('uchome-ttHtmlEditor').value = p.document.getElementById('sourceEditor').value;

　　3、完整的調(diào)用方式

<script type="text/javascript" src="{$_G['setting']['jspath']}forum_post.js?{VERHASH}"></script> <script src="static/js/bbcode.js?{VERHASH}" type="text/javascript"></script> <script type="text/JavaScript">var fid = {$_G['fid']};//插件所在版塊ID </script><!--{subtemplate home/editor_image_menu}--> <textarea class="userData" name="content" id="uchome-ttHtmlEditor" style="height: 100%; width: 100%; display: none; border: 0px"></textarea> <iframe src='home.php?mod=editor&charset={CHARSET}&allowhtml=1&isportal=0' name='uchome-ifrHtmlEditor' id='uchome-ifrHtmlEditor' scrolling='no' style='width:85%;height:400px;border:1px solid #C5C5C5;position:relative;' border=0 frameborder=0 ></iframe> </br><input type="hidden" name="formhash" id="formhash" value="{FORMHASH}" /> <input type="hidden" name="posttime" id="posttime" value="{$posttime}" /> <input type="hidden" name="wysiwyg" id="e_mode" value="1" /> <input type="hidden" name="special" value="127" /> <input type="hidden" name="specialextra" value="plugin_test" /> <input type="hidden" id="message" name="message" value="" /> <input id='submit_editsubmit' class='btn' type='button' value='提交' name='editsubmit' onClick='validate(this);'> </form><script type="text/javascript" src="static/image/editor/editor_base.js?{VERHASH}"></script> <script type="text/javascript" src="static/image/editor/editor_function.js?{VERHASH}"></script><script type="text/javascript"> var textobj = $('uchome-ttHtmlEditor'); var wysiwyg = (BROWSER.ie || BROWSER.firefox || (BROWSER.opera >= 9)) && parseInt('1') == 1 ? 1 : 0; var allowswitcheditor = parseInt('1'); var allowhtml = parseInt('0'); var allowsmilies = parseInt('1'); var allowbbcode = parseInt('1'); var allowimgcode = parseInt('1'); var simplodemode = parseInt('0'); var fontoptions = new Array("宋體", "新宋體", "黑體", "微軟雅黑", "Arial", "Verdana", "Mingliu", "Helvetica", "Trebuchet MS", "Tahoma", "Impact", "Times New Roman", "仿宋,仿宋_GB2312", "楷體,楷體_GB2312"); var smcols = 8; var custombbcodes = new Array(); </script><script type="text/JavaScript">function validate(obj) {var mcpp = window.frames['uchome-ifrHtmlEditor'];var mcpobj = mcpp.window.frames['HtmlEditor'];edit_save(); jQuery("#message").val(html2bbcode(mcpobj.document.body.innerHTML));window.onbeforeunload = null;obj.form.submit(); return false; } </script>

　　其中jQuery("#message").val(html2bbcode(mcpobj.document.body.innerHTML));是將html轉(zhuǎn)成bbcode。

　　4、這里只是web前端進(jìn)行了bbcode的編碼。然而如果有需要也可以在php處理函數(shù)中進(jìn)行bbcode的轉(zhuǎn)換

$str = "<b><i>的的頂頂頂頂頂?shù)捻旐旐旐旐旐旐旐旐數(shù)牡?span style="color:#0000ff;"></i></b>"; //html轉(zhuǎn)成bbcode require_once libfile('function/editor'); echo html2bbcode($str);echo "</br>";$str2 = '[b][i]的的頂頂頂頂頂?shù)捻旐旐旐旐旐旐旐旐數(shù)牡腫/i][/b]'; //將bbcode轉(zhuǎn)成html require_once libfile('function/discuzcode'); echo discuzcode($str2, 0, 0, 0, 1, 1, 0, 0, 0, 0, 0);

?　　5、編輯帖子時(shí)出現(xiàn)“您的提交帶有不合法參數(shù),謝謝合作”的解決辦法

　　如果自定義調(diào)用discuz編輯器，存儲(chǔ)到數(shù)據(jù)庫(kù)的時(shí)候是bbcode格式。然而，如果編輯的時(shí)候也是自定義調(diào)用discuz編輯器的話，bbcode格式也就無法正常顯示了。如果在php里面直接轉(zhuǎn)換成正常的html格式，這時(shí)又會(huì)觸發(fā)discuz的安全機(jī)制，無法正常提交。如果配到這樣的問題要怎么解決呢？我們可以采用onload事件進(jìn)行處理，也就是頁(yè)面加載完成以后用bbcode2html將bbcode編碼的內(nèi)容轉(zhuǎn)換成正常的html再賦值給編輯器。

window.onload = function(){var mcpp = window.frames['uchome-ifrHtmlEditor'];var mcpobj = mcpp.window.frames['HtmlEditor'];mcpobj.document.body.innerHTML = bbcode2html("{$thread['message']}");//加載完成時(shí)將bbcode內(nèi)容轉(zhuǎn)換成正常的html代碼并賦值 }

?

總結(jié)

以上是生活随笔為你收集整理的调用discuz编辑器发布帖子显示html代码的解决办法的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。