百度編輯器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'],