百度编辑器ueditor插入表格没有边框,没有颜色的解决方法 2015-01-06 09:24 98人阅读 评论(0) 收藏
百度富文本编辑器..很强大.. - - ,不过有些BUG..真的很无解..
最近用这个,发现上传的表格全部没有表框..
解决办法如下:
转载的..
百度编辑器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.all.js，所以调用ueditor.all.js才有效，要是调用的ueditor.all.min.js，那么就需要更改ueditor.all.min.js文件了。
这三处代码弄清楚后，要是你还想扩展一些新的样式效果也是可以直接在这几个地方修改就好了。
文章出自：http://www.daixiaorui.com/read/115.html 本站所有文章，除注明出处外皆为原创，转载请注明本文地址，版权所有。
最新文章
- win7 x64 vs2010 directShow开发环境配置
- C++设计模式-Adapter适配器模式
- cefsharp开发实例1
- 【转】eclipse导入V7包出现错误解决办法
- ubuntu14.04安装GoldenDict
- 根据Url 获取图片尺寸 iOS
- LeetCode:Substring with Concatenation of All Words （summarize）
- Android -- 背景虚化
- 1515 跳 - Wikioi
- android 开发adb server is out of date 解决方案
- Java Lambda简明教程(一)
- 理解 Linux 网络栈（1）：Linux 网络协议栈简单总结 图
- UML建模工具-火龙果软件
- jsoup 解析html 页面数据
- JSP页面小脚本实现日期比較，Java同理，精简过后的，可能在效率上不太好，有大大能够给优化下就更好了
- 使用 HTML5 input 类型提升移动端输入体验（键盘）
- FFmpeg 开发环境搭建及第一个程序 Hello FFmpeg 编写
- vue 利用原声input上传图片并预览并删除
- Sql Server中的nvarchar(n)、varchar(n) 和Mysql中的char(n)、varchar(n)
- python3解析库lxml