Ueditor添加表格默认一像素边框、默认添加表格百分比自适应100%、默认单元格宽度为空！
打开文件：ueditor.all.js
大约在18901行的：
找到：
代码 复制 - 运行
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 width="' + tdWidth + '" vAlign="' + opt.tdvalign + '" >' + (browser.ie && browser.version < 11 ? domUtils.fillChar : '<br/>') + '</td>')
}
html.push('</tr>')
}
//禁止指定table-width
return '<table><tbody>' + html.join('') + '</tbody></table>'
}
if (!opt) {
opt = utils.extend({}, {
numCols: this.options.defaultCols,
numRows: this.options.defaultRows,
tdvalign: this.options.tdvalign
})
}
var me = this;
var range = this.selection.getRange(),
start = range.startContainer,
firstParentBlock = domUtils.findParent(start, function (node) {
return domUtils.isBlockElm(node);
}, true) || me.body;
var defaultValue = getDefaultValue(me),
tableWidth = firstParentBlock.offsetWidth,
tdWidth = Math.floor(tableWidth / opt.numCols - defaultValue.tdPadding * 2 - defaultValue.tdBorder);
//todo其他属性
!opt.tdvalign && (opt.tdvalign = me.options.tdvalign);
me.execCommand("inserthtml", createTable(opt, tdWidth));
}
};
修改为：
代码 复制 - 运行
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 #ddd;" vAlign="' + opt.tdvalign + '" >' + (browser.ie && browser.version < 11 ? domUtils.fillChar : '<br/>') + '</td>')
}
html.push('</tr>')
}
//禁止指定table-width
return '<table width="100%"><tbody>' + html.join('') + '</tbody></table>'
}
if (!opt) {
opt = utils.extend({}, {
numCols: this.options.defaultCols,
numRows: this.options.defaultRows,
tdvalign: this.options.tdvalign
})
}
var me = this;
var range = this.selection.getRange(),
start = range.startContainer,
firstParentBlock = domUtils.findParent(start, function (node) {
return domUtils.isBlockElm(node);
}, true) || me.body;
var defaultValue = getDefaultValue(me),
tableWidth = firstParentBlock.offsetWidth,
tdWidth = Math.floor(tableWidth / opt.numCols - defaultValue.tdPadding * 2 - defaultValue.tdBorder);
//todo其他属性
!opt.tdvalign && (opt.tdvalign = me.options.tdvalign);
me.execCommand("inserthtml", createTable(opt, tdWidth));
}
};
Ueditor的table表格属性里面的按照表格自适应为百分比100%，并去除单元格宽度
找到：
约19781行
代码 复制 - 运行
function resetTdWidth(table, editor) {
var tds = domUtils.getElementsByTagName(table,'td th');
utils.each(tds, function (td) {
td.removeAttribute("width");
});
table.setAttribute('width', getTableWidth(editor, true, getDefaultValue(editor, table)));
var tdsWidths = [];
setTimeout(function () {
utils.each(tds, function (td) {
(td.colSpan == 1) && tdsWidths.push(td.offsetWidth)
})
utils.each(tds, function (td,i) {
(td.colSpan == 1) && td.setAttribute("width", tdsWidths[i] + "");
})
}, 0);
}
修改为：
代码 复制 - 运行
function resetTdWidth(table, editor) {
var tds = domUtils.getElementsByTagName(table,'td th');
utils.each(tds, function (td) {
td.removeAttribute("width");
});
table.setAttribute('width', '100%');
var tdsWidths = [];
setTimeout(function () {
utils.each(tds, function (td) {
(td.colSpan == 1) && tdsWidths.push(td.offsetWidth)
})
utils.each(tds, function (td,i) {
//(td.colSpan == 1) && td.setAttribute("width", tdsWidths[i] + "");
})
}, 0);
}
