UEditor 中Ctrl + 回车默认表单提交 与 table边框线与默认字体问题

一、修改UEditor默认Ctrl+回车实现表单提交

打开ueditor.all.js，找到 autosubmit ，修改function为你需要的方法即可

二、table边框线，编辑过程中有边框色，但是保存后再次查看却没有边框颜色了。解决：

粘贴的表格

打开ueditor.all.js，找到如下代码并修改

utils.each(tables, function (table) {
    // table 样式修改
    domUtils.setAttributes(table, {
        style:'border-left:1px solid #ddd; border-top:1px solid #ddd;border-collapse:collapse;margin-bottom:10px;'
    });

    removeStyleSize(table, true);
    //domUtils.removeAttributes(table, ['style', 'border']); // 将原先的注掉
    utils.each(domUtils.getElementsByTagName(table, "td"), function (td) {

        // td 样式修改
        domUtils.setAttributes(td, {
            style:'border-bottom:1px solid #ddd; border-right:1px solid #ddd;border-left:1px solid #ddd; border-top:1px solid #ddd; padding:5px;',
        });

        if (isEmptyBlock(td)) {
            domUtils.fillNode(me.document, td);
        }
        removeStyleSize(td, true);
        //domUtils.removeAttributes(td, ['style'])
    });
});

工具栏插入的表格

打开ueditor.all.js，找到如下代码并修改

①

for (var c = 0; c < colsNum; c++) {
    html.push('<td width="' + tdWidth + '"  vAlign="' + opt.tdvalign + '" >' + (browser.ie && browser.version < 11 ? domUtils.fillChar : '<br/>') + '</td>')
}

改为

for (var c = 0; c < colsNum; c++) {
    html.push('<td style="border:1px solid #ddd;" width="' + tdWidth + '"  vAlign="' + opt.tdvalign + '" >' + (browser.ie && browser.version < 11 ? domUtils.fillChar : '<br/>') + '</td>')
}

②

table.setAttribute("data-sort", cmd == "enablesort" ? "sortEnabled" : "sortDisabled");
// 添加如下样式
table.setAttribute("style", "border-collapse:collapse; margin-bottom:10px;");

③

// return '<table><tbody>' + html.join('') + '</tbody></table>' // 改为:

return '<table style="border-collapse:collapse; margin-bottom:10px;"><tbody>' + html.join('') + '</tbody></table>'

测试一下

• 编辑
• 保存后查看

三、编辑页字体默认显示16px，但保存后查看，发现字号变小了等问题

在保存是查看保存的数据并没有 'font-size:16px'，解决：

在ueditor实例化时加入如下代码即可

editor.execCommand('fontsize', '16px'); // 字号