文档章节

Ueditor百度编辑器表格边框显示问题

清絮
 清絮
发布于 2017/08/25 18:57
字数 403
阅读 38
收藏 0

首先我们找到ueditor——>ueditor.all.js的文件再找到UE.commands['inserttable']的这个方法,看以下代码对其进行修改:

UE.commands['inserttable'] = {
        queryCommandState: function () {
            return getTableItemsByRange(this).table ? -1 : 0;
        },
        execCommand: function (cmd, opt) {
            function createTable(opt, tdWidth) {
                var html = [],
                    rowsNum = opt.numRows,
                    colsNum = opt.numCols;
                for (var r = 0; r < rowsNum; r++) {
                    html.push('<tr' + (r == 0 ? ' class="firstRow"':'') + '>');
                    for (var c = 0; c < colsNum; c++) {
                        html.push('<td style="border:1px solid #000;" width="' + tdWidth + '"  vAlign="' + opt.tdvalign + '" >' + (browser.ie ? domUtils.fillChar : '<br/>') + '</td>')
                    }
                    html.push('</tr>')
                }
                //禁止指定table-width
                return '<table style="border-collapse:collapse"><tbody>' + html.join('') + '</tbody></table>'
            }

在 html.push('<td  这里加上样式 style="border:1px solid #000;"....)在前台表格就能显示了,这里默认给的黑色。可以通过设置“表格属性”来改变表格边线的颜色!在表格处,右键——>表格——>表格属性,来进行设置。

如果不嫌麻烦的可以这样通过“设置表格边线可见”实现前台表格的显示,在表格处,右键——>表格——>设置表格边线可见,这样也可以实现 。但是每次添加表格都需要设置!

如果表格显示边框时有间距,看起来很不美观,可通过设置表格间距为0来达到只一条细线的效果,还是在这个ueditor.all.js 件中找到UE.commands['inserttable']这个方法,在创建table表格时加上cellpadding="0" cellspacing="0" 或者在table表格上加上style="border-collapse:collapse" 样式。

以上是我解决ueditor编辑器表格的问题。有什么问题可以留言或私信我,我会尽快回复!我也会继续努力的。后续还会更新编辑器图片上传到指定磁盘路径下。

© 著作权归作者所有

共有 人打赏支持
清絮
粉丝 5
博文 1
码字总数 403
作品 0
程序员
私信 提问
百度UEditor粘贴或插入的表格不显示边框的解决办法

修改办法: 打开ueditor.all.js 1、找到下面的代码,修改 这是为了不让UEditor去掉粘贴的表格的边框,也就是table元素的border属性(不是border内联样式) 2、UEditor插入的表格实际是没有边...

中小宇
2016/12/15
161
0
NKeditor v5.0.0 发布,在线富文本编辑器

NKeditor 5.0.0 已发布。NKedtior 是基于 kindeditor 进行二次开发的项目,kindeditor 是一款优秀的开源在线编辑器。轻量级且功能强大,代码量却不到百度的ueditor编辑器的一半。我们在kinde...

阳建
2017/09/29
904
21
百度编辑器 UEditor 1.22版发布

百度编辑器UEditor1.22新版发布!官网新增自定义工具栏界面功能! 1.2.2 版本改进记录: 1.编辑器不可编辑时,可以配置哪些功能可以使用,例如全屏 2.table的边框为0时,采用虚线显示 3.修复...

oschina
2012/07/02
2K
8
我的网站搭建 (第十天) Ueditor编辑器

之前说过,我的网站编辑器一开始是tinymce,然后才用的ckeditor。可是最近我发现,ckeditor的小图标不是很美观,看久了有点low的样子。我是不是应该换一个编辑器呢,一想到这里,马上打开谷歌...

代码打碟手
08/28
0
0
ueditor比较烂

http://52liezheng.com/search/forum/get.xhtml?noteId=8#this 富客户端用的百度ueditor最新的,360切换到兼容模式就不行了,切换到急速模式又好了,这是百度的问题还是我的问题?又没报错!...

wrean2013
2014/10/06
3.4K
12

没有更多内容

加载失败,请刷新页面

加载更多

MariaDB 服务器在 MySQL Workbench 备份数据的时候出错如何解决

服务器是运行在 MariaDB 10.2 上面的,在使用 MySQL Workbench 出现错误: mysqldump: Couldn't execute 'SELECT COLUMN_NAME, JSON_EXTRACT(HISTOGRAM, '$."number-of-buckets-specified"'......

honeymose
今天
3
0
apache顶级项目(二) - B~C

apache顶级项目(二) - B~C https://www.apache.org/ Bahir Apache Bahir provides extensions to multiple distributed analytic platforms, extending their reach with a diversity of s......

晨猫
今天
6
0
day152-2018-11-19-英语流利阅读

“超级食物”竟然是营销噱头? Daniel 2018-11-19 1.今日导读 近几年来,超级食物 superfoods 开始逐渐走红。不难发现,越来越多的轻食餐厅也在不断推出以超级食物为主打食材的健康料理,像是...

飞鱼说编程
今天
14
0
SpringBoot源码:启动过程分析(二)

接着上篇继续分析 SpringBoot 的启动过程。 SpringBoot的版本为:2.1.0 release,最新版本。 一.时序图 一样的,我们先把时序图贴上来,方便理解: 二.源码分析 回顾一下,前面我们分析到了下...

Jacktanger
昨天
4
0
Apache防盗链配置,Directory访问控制,FilesMatch进行访问控制

防盗链配置 通过限制referer来实现防盗链的功能 配置前,使用curl -e 指定referer [root@test-a test-webroot]# curl -e "http://www.test.com/1.html" -x127.0.0.1:80 "www.test.com/1.jpg......

野雪球
昨天
7
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部