文档章节

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

清絮
 清絮
发布于 2017/08/25 18:57
字数 403
阅读 36
收藏 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

没有更多内容

加载失败,请刷新页面

加载更多

70.shell的函数 数组 告警系统需求分析

20.16/20.17 shell中的函数 20.18 shell中的数组 20.19 告警系统需求分析 20.16/20.17 shell中的函数: ~1. 函数就是把一段代码整理到了一个小单元中,并给这个小单元起一个名字,当用到这段...

王鑫linux
47分钟前
0
0
分布式框架spring-session实现session一致性使用问题

前言:项目中使用到spring-session来缓存用户信息,保证服务之间session一致性,但是获取session信息为什么不能再服务层获取? 一、spring-session实现session一致性方式 用户每一次请求都会...

WALK_MAN
今天
5
0
C++ yield()与sleep_for()

C++11 标准库提供了yield()和sleep_for()两个方法。 (1)std::this_thread::yield(): 线程调用该方法时,主动让出CPU,并且不参与CPU的本次调度,从而让其他线程有机会运行。在后续的调度周...

yepanl
今天
4
0
Java并发编程实战(chapter_3)(线程池ThreadPoolExecutor源码分析)

这个系列一直没再写,很多原因,中间经历了换工作,熟悉项目,熟悉新团队等等一系列的事情。并发课题对于Java来说是一个又重要又难的一大块,除非气定神闲、精力满满,否则我本身是不敢随便写...

心中的理想乡
今天
27
0
shell学习之获取用户的输入命令read

在运行脚本的时候,命令行参数是可以传入参数,还有就是在脚本运行过程中需要用户输入参数,比如你想要在脚本运行时问个问题,并等待运行脚本的人来回答。bash shell为此提 供了read命令。 ...

woshixin
今天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部