調(diào)用discuz編輯器發(fā)布帖子顯示html代碼的解決辦法

2024-04-25 20:43:54

字體：大中小

供稿：網(wǎng)友

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

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

1、問題所在

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

頂頂頂頂頂<b><i>的頂頂頂頂頂</i></b>頂頂頂頂?shù)牡?lt;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>

而默認發(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的特色。對html代碼進行了特殊的處理，其采用了bbcode的方式進行二次編碼，顯示帖子的時候再將bbcode編碼轉(zhuǎn)換成正常的html代碼。discuz這么做的目的也顯而易見，最終是為了提高整個應用的安全性。

2、提交前對html進行bbcode編碼

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

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

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)用方式

var fid = {$_G['fid']};//插件所在版塊ID

</script>

</br>

</form>

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>

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;

}