html编辑器拖拽表格边框,Ueditor百度编辑器表格边框显示问题

首先我们找到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('

');

for (var c = 0; c < colsNum; c++) {

html.push('

' + (browser.ie ? domUtils.fillChar : '
') + '')

}

html.push('

')

}

//禁止指定table-width

return '

'

}

在 html.push('

表格——>表格属性，来进行设置。

如果不嫌麻烦的可以这样通过“设置表格边线可见”实现前台表格的显示，在表格处，右键——>表格——>设置表格边线可见，这样也可以实现 。但是每次添加表格都需要设置！

如果表格显示边框时有间距，看起来很不美观，可通过设置表格间距为0来达到只一条细线的效果，还是在这个ueditor.all.js 件中找到UE.commands['inserttable']这个方法，在创建table表格时加上cellpadding="0" cellspacing="0" 或者在table表格上加上style="border-collapse:collapse" 样式。

以上是我解决ueditor编辑器表格的问题。有什么问题可以留言或私信我，我会尽快回复！我也会继续努力的。后续还会更新编辑器图片上传到指定磁盘路径下。