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

原创
2017/08/25 18:57
阅读数 3.6K

首先我们找到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编辑器表格的问题。有什么问题可以留言或私信我,我会尽快回复!我也会继续努力的。后续还会更新编辑器图片上传到指定磁盘路径下。

展开阅读全文
加载中
点击引领话题📣 发布并加入讨论🔥
打赏
0 评论
0 收藏
1
分享
返回顶部
顶部