1. 程式人生 > >百度編輯器UEditor插入表格和百度地圖不顯示的問題

百度編輯器UEditor插入表格和百度地圖不顯示的問題



一、百度編輯器ueditor(本人下載的JSP版本)插入表格不顯示邊框的解決方法
百度編輯器ueditor插入一個表格後,在編輯過程中有表格,但是儲存後,在前臺網頁中沒有邊框
1. 開啟編輯器根目錄下面的ueditor.all.js檔案,找到:
for (var c = 0; c < colsNum; c++) {
    html.push('<td width="' + tdWidth + '"  vAlign="' + opt.tdvalign + '" >' + (browser.ie ? domUtils.fillChar : '<br/>') + '</td>')
}
改成:
for (var c = 0; c < colsNum; c++) {
    html.push('<td style="border:1px solid #ccc;" width="' + tdWidth + '"  vAlign="' + opt.tdvalign + '" >' + (browser.ie ? domUtils.fillChar : '<br/>') + '</td>')
}
2. 在ueditor.all.js檔案中找到:table.setAttribute("data-sort", cmd == "enablesort" ? "sortEnabled" : "sortDisabled"); 在這句程式碼下面加一行:table.setAttribute("style", "border-collapse:collapse;");
3. 在ueditor.all.js檔案中找到:return '<table><tbody>' + html.join('') + '</tbody></table>' 改為:return '<table style="border-collapse:collapse;"><tbody>' + html.join('') + '</tbody></table>'


二、百度編輯器UEditor插入百度地圖不顯示的解決辦法
ueditor 增加了xss 安全過慮,把iframe過濾了,導致本身的地圖動態功能也限制
修改配置檔案ueditor.config.js
搜尋:  whitList (365行左右)增加一行即可 

,whitList: {

   iframe: ['frameborder','border','marginwidth','marginheight','width','height','src','id'],
   a:      ['target', 'href', 'title', 'class', 'style'],
   abbr:   ['title', 'class', 'style'],
   address: ['class', 'style'],