ueditor怎么设置表格边框 粗细

百度编辑器ueditor插入一个表格后，在编辑过程中有表格，但是保存后，在前台网页中没有边框，也没有颜色。找了很久的源码，终于解决了。

1. 打开编辑器根目录下面的ueditor.all.js文件，找到：

for (var c = 0c <colsNumc++) {

html.push('<td width="' + tdWidth + '" vAlign="' + opt.tdvalign + '" >' + (browser.ie ? domUtils.fillChar : '<br/>') + '</td>')

}

改成：

for (var c = 0c <colsNumc++) {

html.push('<td style="border:1px solid #ccc" width="' + tdWidth + '" vAlign="' + opt.tdvalign + '" >' + (browser.ie ? domUtils.fillChar : '<br/>') + '</td>')

}

不同的版本的代码可能略微有点不同。

2. 在ueditor.all.js文件中找到：table.setAttribute("data-sort", cmd == "enablesort" ? "sortEnabled" : "sortDisabled")在这句代码下面加一行：table.setAttribute("style", "border-collapse:collapse")

3. 在ueditor.all.js文件中找到：return '<table><tbody>' + html.join('') + '</tbody></table>' 改为：return '<table style="border-collapse:collapse"><tbody>' + html.join('') + '</tbody></table>' 。

此时，再刷新后台，插入一个表格，就有边框了。因为改的是ueditor.all.js，所以调用ueditor.all.js才有效，要是调用的ueditor.all.min.js，那么就需要更改ueditor.all.min.js文件了。

这三处代码弄清楚后，要是你还想扩展一些新的样式效果也是可以直接在这几个地方修改就好了。

表格边框线没了，可以重新设置边框线；

选中表格区域，右击--设置单元格格式--边框；

默认是细实线、颜色自动，右侧是边框快捷按钮，交替点击，可添加、去除相应的边框线；

如外边框为双线，则点一下双线线条样式，再点“外边框”，下方预览框里会显示出来；

内边框用细线条，点一下细实线，再点“内部”；

确定后，即得边框线；

还可以根据需要绘制斜线，选中单元格--边框--斜线按钮，可选择左斜、右斜。

实现点击按钮文本框内文字加粗的方式有以下两种方式：

1、直接修改或者添加css样式：

$("button").click(function(){

$("input").css("font-weight","bold")})

2、添加相应的class类名使其加粗：

$("button").click(function(){

$("input").

---