百度编辑器UEditor插入表格和百度地图不显示的问题

本文介绍了解决UEditor中表格边框不显示及百度地图无法正常呈现的问题。针对表格,通过修改ueditor.all.js文件实现边框可见;对于地图,则更新配置文件ueditor.config.js,增加iframe白名单属性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >



一、百度编辑器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'],



 



评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值