Uediter 表格 前台边框不显示

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

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

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

}

改成:

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

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文件了。

时间: 2024-10-22 09:49:52

Uediter 表格 前台边框不显示的相关文章

HTML中tr标签设置边框不显示的解决办法

今天在操作表格的时候发现设置表格中行的边框没有显示,然后自己新建了一个表格发现确实不显示 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> &l

用css样式,为表格加入边框

Table 表格在没有添加 css 样式之前,是没有边框的.这样不便于我们后期合并单元格知识点的讲解,所以在这一节中我们为表格添加一些样式,为它添加边框. 在右侧代码编辑器中添加如下代码: <style type="text/css"> table tr td,th{border:1px solid #000;} </style> 上述代码是用 css 样式代码(后面章节会详细讲解),为th,td单元格添加粗细为一个像素的黑色边框. 结果窗口显示出结果样式: 示

HTML中table边框的显示总结转载▼

HTML中table边框的显示总结 (2012-07-19 22:03:28) 转载▼     一. 1.显示表格的4个边框:<table border frame=box> 2.只显示上边框: <table border frame=above> 3.只显示下边框: <table border frame=below> 4.只显示上下边框: <table border frame=hsides> 5.只显示左右边框: <table border fr

解决 apache poi 转换 word(docx) 文件到 html 文件表格没边框的问题

一.起因 这几天在做电子签章问题,要通过替换docx文件中的占位符生成包含业务数据的合同数据,再转换成html文件,转换成pdf文件.遇到的问题是:通过apache poi转换docx到html时,原生的表格文件可以正常显示,但是我通过代码生成的表格只有数据,而不展示边框. 二.问题分析 google了一下发现有人碰到过类似问题,但是没有找到解决方法.现成的没有只能自己研究. 贴上简单的填充表格内容的java代码 1 private void replaceTable(XWPFDocument

table 表格的边框处理

只显示上边框 <table frame=above> 只显示下边框 <table frame=below> 只显示左.右边框 <table frame=vsides> 只显示上.下边框 <table frame=hsides> 只显示左边框 <table frame=lhs> 只显示右边框 <table frame=rhs> 不显示任何边框 <table frame=void> 复制代码代码如下: <html>

HTML中table边框的显示总结(转)

一.1.显示表格的4个边框:<table border frame=box>2.只显示上边框: <table border frame=above>3.只显示下边框: <table border frame=below>4.只显示上下边框: <table border frame=hsides>5.只显示左右边框: <table border frame=vsides>6.只显示左边框: <table border frame=lhs>

表格细边框问题

这是关于怎么设置HTML表格细边框的问题,把表格边框设置为细小的线条边框 一般我们用表格的时候总会给它个border属性,比如:<table border="1">,其效果如下: ID NAME GENDER 1001 mike male 可以发现表格的边框好像很宽,当然这里的“很宽”绝对不是表格border的宽,大家看到的宽应该是<td>之间有间隙所致.因此只需 要修改表格的cellspacing属性即可,即:<table border="1p

设置HTML表格细边框

简介:WEB前端|这是关于怎么设置HTML表格细边框的问题,把表格边框设置为细小的线条边框一般我们用表格的时候总会给它个border属性,比如:<tableborder="1">,其效果如下:IDNAMEG... 这是关于怎么设置HTML表格细边框的问题,把表格边框设置为细小的线条边框 一般我们用表格的时候总会给它个border属性,比如:<table border="1">,其效果如下: ID NAME GENDER 1001 mike m

解决linux环境下qt groupbox 边框不显示问题

ps:实践是检验真理的唯一标准真的是没错,以为很简单一件事情,往往被自己搞的很复杂,这里记录下 在windows环境中Qt创建一个groupbox自动显示边框, 效果如下 然而在linux环境中Qt创建一个groupbox,边框竟然消失了 如图 然后以为是GroupBox的属性设置问题 结果在属性里面找了半天没有发现对应属性. 最后右键改变样式表解决 最后效果 ps:实践出真知啊! 解决linux环境下qt groupbox 边框不显示问题,布布扣,bubuko.com