一、修改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'); // 字號