国产欧美二区三区-国产欧美高清-国产欧美国产精品第二区-国产欧美国产精品第一区-小说区 图片区-小说区 综合区 都市激情

當前位置: 首頁 > 站長資訊 > 正文頁面

調用discuz編輯器發布帖子顯示html代碼的解決辦法

在discuz二次開發中調用discuz的編輯器是一件在所難免的事情,然而discuz的開發文檔少得可憐;因此在二次開發的時候查看源碼和各種莫名其妙的問題著實令人摸不著頭腦。前面講解了一下調用discuz編輯器的實例 調用discuz編輯器再也不是問題了 。然而這只是一個粗糙的例子,而discuz帖子存儲在數據庫的卻是自定義的bbcode而不是正常的html代碼。這也就導致直接調用discuz的編輯器發帖顯示出來的帖子成了html源碼。jWy網站目錄_網站網址收錄與提交入口

網上找了很久也沒找到相應的問題,最后通過數據庫的字段對比才知道問題的所在。jWy網站目錄_網站網址收錄與提交入口

1、問題所在jWy網站目錄_網站網址收錄與提交入口

調用編輯器編輯的源碼jWy網站目錄_網站網址收錄與提交入口

頂頂頂頂頂<b><i>的頂頂頂頂頂</i></b>頂頂頂頂的的<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>jWy網站目錄_網站網址收錄與提交入口

而默認發帖的源碼為jWy網站目錄_網站網址收錄與提交入口

頂頂頂頂頂[b][i][u]的頂頂頂頂頂[/u][/i][/b]頂頂頂頂的的[url=data/attachment/album/201507/22/112816z1znnm01wmozpvgb.png][img]data/attachment/album/201507/22/112816z1znnm01wmozpvgb.png[/img][/url]jWy網站目錄_網站網址收錄與提交入口

于是網上找了一通,最后才知道這是discuz的特色。對html代碼進行了特殊的處理,其采用了bbcode的方式進行二次編碼,顯示帖子的時候再將bbcode編碼轉換成正常的html代碼。discuz這么做的目的也顯而易見,最終是為了提高整個應用的安全性。jWy網站目錄_網站網址收錄與提交入口

2、提交前對html進行bbcode編碼jWy網站目錄_網站網址收錄與提交入口

static/js/bbcode.js中的html2bbcode可以講正常的html編碼轉換成discuz自定義的bbcode編碼jWy網站目錄_網站網址收錄與提交入口

最后在./static/image/editor/editor_function.js中的edit_save()找到了獲取編輯器內容,并設置編碼jWy網站目錄_網站網址收錄與提交入口

var p = window.frames['uchome-ifrHtmlEditor'];jWy網站目錄_網站網址收錄與提交入口

var obj = p.window.frames['HtmlEditor'];jWy網站目錄_網站網址收錄與提交入口

var status = p.document.getElementById('uchome-editstatus').value;jWy網站目錄_網站網址收錄與提交入口

$('uchome-ttHtmlEditor').value = p.document.getElementById('sourceEditor').value;jWy網站目錄_網站網址收錄與提交入口

3、完整的調用方式jWy網站目錄_網站網址收錄與提交入口

<script type="text/javascript" src="{$_G['setting']['jspath']}forum_post.js?{VERHASH}"></script>jWy網站目錄_網站網址收錄與提交入口

<script src="static/js/bbcode.js?{VERHASH}" type="text/javascript"></script>jWy網站目錄_網站網址收錄與提交入口

<script type="text/JavaScript">jWy網站目錄_網站網址收錄與提交入口

var fid = {$_G['fid']};//插件所在版塊IDjWy網站目錄_網站網址收錄與提交入口

</script>jWy網站目錄_網站網址收錄與提交入口

<!--{subtemplate home/editor_image_menu}-->jWy網站目錄_網站網址收錄與提交入口

<textarea class="userData" name="content" id="uchome-ttHtmlEditor" style="height: 100%; width: 100%; display: none; border: 0px"></textarea>jWy網站目錄_網站網址收錄與提交入口

<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>jWy網站目錄_網站網址收錄與提交入口

</br>jWy網站目錄_網站網址收錄與提交入口

<input type="hidden" name="formhash" id="formhash" value="{FORMHASH}" />jWy網站目錄_網站網址收錄與提交入口

<input type="hidden" name="posttime" id="posttime" value="{$posttime}" />jWy網站目錄_網站網址收錄與提交入口

<input type="hidden" name="wysiwyg" id="e_mode" value="1" />jWy網站目錄_網站網址收錄與提交入口

<input type="hidden" name="special" value="127" />jWy網站目錄_網站網址收錄與提交入口

<input type="hidden" name="specialextra" value="plugin_test" />jWy網站目錄_網站網址收錄與提交入口

<input type="hidden" id="message" name="message" value="" />jWy網站目錄_網站網址收錄與提交入口

<input id='submit_editsubmit' class='btn' type='button' value='提交' name='editsubmit' onClick='validate(this);'>jWy網站目錄_網站網址收錄與提交入口

</form>jWy網站目錄_網站網址收錄與提交入口

<script type="text/javascript" src="static/image/editor/editor_base.js?{VERHASH}"></script>jWy網站目錄_網站網址收錄與提交入口

<script type="text/javascript" src="static/image/editor/editor_function.js?{VERHASH}"></script>jWy網站目錄_網站網址收錄與提交入口

<script type="text/javascript">jWy網站目錄_網站網址收錄與提交入口

var textobj = $('uchome-ttHtmlEditor');jWy網站目錄_網站網址收錄與提交入口

var wysiwyg = (BROWSER.ie || BROWSER.firefox || (BROWSER.opera >= 9)) && parseInt('1') == 1 ? 1 : 0;jWy網站目錄_網站網址收錄與提交入口

var allowswitcheditor = parseInt('1');jWy網站目錄_網站網址收錄與提交入口

var allowhtml = parseInt('0');jWy網站目錄_網站網址收錄與提交入口

var allowsmilies = parseInt('1');jWy網站目錄_網站網址收錄與提交入口

var allowbbcode = parseInt('1');jWy網站目錄_網站網址收錄與提交入口

var allowimgcode = parseInt('1');jWy網站目錄_網站網址收錄與提交入口

var simplodemode = parseInt('0');jWy網站目錄_網站網址收錄與提交入口

var fontoptions = new Array("宋體", "新宋體", "黑體", "微軟雅黑", "Arial", "Verdana", "Mingliu", "Helvetica", "Trebuchet MS", "Tahoma", "Impact", "Times New Roman", "仿宋,仿宋_GB2312", "楷體,楷體_GB2312");jWy網站目錄_網站網址收錄與提交入口

var smcols = 8;jWy網站目錄_網站網址收錄與提交入口

var custombbcodes = new Array();jWy網站目錄_網站網址收錄與提交入口

</script>jWy網站目錄_網站網址收錄與提交入口

<script type="text/JavaScript">jWy網站目錄_網站網址收錄與提交入口

function validate(obj) {jWy網站目錄_網站網址收錄與提交入口

var mcpp = window.frames['uchome-ifrHtmlEditor'];jWy網站目錄_網站網址收錄與提交入口

var mcpobj = mcpp.window.frames['HtmlEditor'];jWy網站目錄_網站網址收錄與提交入口

edit_save();jWy網站目錄_網站網址收錄與提交入口

jQuery("#message").val(html2bbcode(mcpobj.document.body.innerHTML));jWy網站目錄_網站網址收錄與提交入口

window.onbeforeunload = null;jWy網站目錄_網站網址收錄與提交入口

obj.form.submit();jWy網站目錄_網站網址收錄與提交入口

return false;jWy網站目錄_網站網址收錄與提交入口

}jWy網站目錄_網站網址收錄與提交入口

</script>jWy網站目錄_網站網址收錄與提交入口

其中jQuery("#message").val(html2bbcode(mcpobj.document.body.innerHTML));是將html轉成bbcode。jWy網站目錄_網站網址收錄與提交入口

4、這里只是web前端進行了bbcode的編碼。然而如果有需要也可以在php處理函數中進行bbcode的轉換jWy網站目錄_網站網址收錄與提交入口

$str = "<b><i>的的頂頂頂頂頂的頂頂頂頂頂頂頂頂頂的的</i></b>";jWy網站目錄_網站網址收錄與提交入口

//html轉成bbcodejWy網站目錄_網站網址收錄與提交入口

require_once libfile('function/editor');jWy網站目錄_網站網址收錄與提交入口

echo html2bbcode($str);jWy網站目錄_網站網址收錄與提交入口

echo "</br>";jWy網站目錄_網站網址收錄與提交入口

$str2 = '[b][i]的的頂頂頂頂頂的頂頂頂頂頂頂頂頂頂的的[/i][/b]';jWy網站目錄_網站網址收錄與提交入口

//將bbcode轉成htmljWy網站目錄_網站網址收錄與提交入口

require_once libfile('function/discuzcode');jWy網站目錄_網站網址收錄與提交入口

echo discuzcode($str2, 0, 0, 0, 1, 1, 0, 0, 0, 0, 0);jWy網站目錄_網站網址收錄與提交入口

  

此文由 網站目錄_網站網址收錄與提交入口 編輯,未經允許不得轉載!:

相關文章