文档章节

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

清絮
 清絮
发布于 2017/08/25 18:57
字数 403
阅读 29
收藏 0
点赞 1
评论 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比较烂

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

wrean2013
2014/10/06
3.4K
12
关于ueditor编辑表格问题

ueditor编辑表格提交之后,刚开始在页面显示时边个边框没有显示出来,按照网上的方法引入“ueditor.parse.js”文件之后,边框显示了,但是表格第一行的高度会变得很大,实在是不知道怎么改了...

小城丨故事
2015/10/28
1K
0
ueditor 1.2.6.1 发布

1.2.6.1正式发布 新功能如下表 1.查找替换支持正则表达式 2.修复了ie67下初始化宽高给定百分比 3.增加类似word中的快捷菜单,默认关闭 4.针对默认过滤回转换div为p标签,提供了配置开关allow...

战毅
2013/07/15
2.4K
3
UEditor v1.1.6 发布,百度开源富文本编辑器

UEditor是由百度 Web前端研发部开发的所见即所得的富文本在线编辑器,具有轻量,可定制,注重用户体验等特点,开源基于BSD协议,允许互联网开发者自由传播和使用代码。 经过前面6个版本的更新...

红薯
2011/09/28
1K
8
UEditor 1.2.3 发布,百度富文本编辑器

UEditor 1.2.3 发布了,改进内容包括: 新增功能 新增大小写功能 新增涂鸦功能 新增国际化支持 新增getAllHtml方法,可以将整个页面的内容打出来 新增插入模板的功能 新增背景功能 新增UE.in...

oschina
2012/08/29
2.7K
7
Ueditor 1.3.5 发布,百度富文本编辑器

新增功能 asp后台的支持 添加本地自动保存功能 增加数据可视化展示功能http://ueditor.baidu.com/website/onlinedemo-charts.html 编辑器实例上添加isFocus,blur方法 新增在chrome下针对图片...

战毅
2013/11/27
4.7K
16
把WordPress文本编辑器替换百度富文本编辑器UEditor

UEditor是由百度 Web前端研发部开发的所见即所得的富文本在线编辑器,具有轻量,可定制,注重用户体验等特点,开源基于BSD协议,允许互联网开发者自由传播和使用代码 新增功能 远程图片抓取 ...

禄莱
2013/10/10
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

JPA @MappedSuperclass 注解说明

基于代码复用和模型分离的思想,在项目开发中使用JPA的@MappedSuperclass注解将实体类的多个属性分别封装到不同的非实体类中。 1.@MappedSuperclass注解只能标准在类上:@Target({java.lang....

海博1600
15分钟前
0
0
Scala Configuration 相关API

Play使用了 Typesafe config library,但是也提供了一个有着更多Scala高级特性的的 Configuration 封装。不熟悉Typesafe配置的开发者可以移步 configuration文件的语法和特性文档。 读取配置...

Landas
今天
1
0
使用cookie技术 记住账号

1. 效果 2. 实现过程 2.1 前端 将用户的选中传递给后台 这个参数的获取是 参考:https://my.oschina.net/springMVCAndspring/blog/1860498 // var rememberLogin = $("#rememberLoginId").i...

Lucky_Me
今天
1
0
《趣谈网络协议》02之网络分层的真实含义

一、提出问题 1.提出问题 当你听到什么二层设备、三层设备、四层 LB 和七层 LB 中层的时候,是否有点一头雾水,不知道这些所谓的层,对应的各种协议具体要做什么“工作”? 2.这四个问题你弄...

aibinxiao
今天
2
0
Python3学习日志二 Python中的集合set和字典dict

1.集合set 定义一个集合set 我们可以看到定义集合set有两种不同的形式,如果要定义一个空的集合set不能用{}而是要用set();另外,集合是无序的,而且set中的元素是不可重复的,如果你定义了一...

Mr_bullshit
今天
0
0
adb 操作指令详解

ADB,即 Android Debug Bridge,它是 Android 开发/测试人员不可替代的强大工具,也是 Android 设备玩家的好玩具。 注:有部分命令的支持情况可能与 Android 系统版本及定制 ROM 的实现有关。...

孟飞阳
今天
0
0
nodejs安装以及环境配置(很好的node安装和配置文章,少走很多弯路)

一、安装环境 1、本机系统:Windows 10 Pro(64位) 2、Node.js:v6.9.2LTS(64位) 二、安装Node.js步骤 1、下载对应你系统的Node.js版本:https://nodejs.org/en/download/ 2、选安装目录进...

sprouting
今天
1
0
Redisson

了解了Redisson,发现使用挺简单的,接下来准备深入学习一下。 Redisson介绍 Redisson是架设于Redis基础之上的一个Java驻内存数据网格(In-Memory Data Grid) Redisson在基于NIO的Netty框架上...

to_ln
今天
0
0
python有哪些好玩的应用实现,用python爬虫做一个二维码生成器

python爬虫不止可以批量下载数据,还可以有很多有趣的应用,之前也发过很多,比如天气预报实时查询、cmd版的实时翻译、快速浏览论坛热门帖等等,这些都可以算是爬虫的另一个应用方向! 今天给...

python玩家
今天
0
0
python爬虫日志(3)-爬去异步加载网页

在浏览器检查元素页面中,选取Network中的XHR选项即可观察每次加载页面,网页发出的请求,观察url的规律即可利用封装的函数对每一页进行爬取。

茫羽行
今天
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部