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