ueditor表格边框没有颜色的解决

问题:

  用ueditor画表格,会发现表格存在,但是表格边框没有颜色。

解决方法:

  需要对js文件中的样式进行修改,这里我引用的编辑器样式文件是ueditor.all.min.js,所以先找到该文件,有三个部分需要修改。注意:不同版本的js代码可能会有细微不同。

1、搜索到下面部分:

c.push(‘<td width="‘+b+‘"  vAlign="‘+a.tdvalign+‘" >‘+(r.ie?e.fillChar:"<br/>")+"</td>");

加上样式:

c.push(‘<td style="border:1px solid #ccc;" width="‘+b+‘"  vAlign="‘+a.tdvalign+‘" >‘+(r.ie?e.fillChar:"<br/>")+"</td>");

2、搜索到下面部分:

b(this).table.setAttribute("data-sort","enablesort"==a?"sortEnabled":"sortDisabled");

在后面补上一句:

b(this).table.setAttribute("data-sort","enablesort"==a?"sortEnabled":"sortDisabled");b(this).table.setAttribute("style", "border-collapse:collapse;");

3、搜索到下面部分:

return"<table><tbody>"+c.join("")+"</tbody></table>"

加上样式:

return"<table style=‘border-collapse:collapse;‘><tbody>"+c.join("")+"</tbody></table>"

  就改完三个部分,保存一下,刷新页面就ok了。

时间: 2024-08-06 03:40:57

ueditor表格边框没有颜色的解决的相关文章

JavaScript变换表格边框颜色

效果查看:http://hovertree.com/texiao/js/2.htm 代码如下,保存到HTML文件也可以查看效果: <html> <head> <meta charset="utf-8"> <title>表格边框变换颜色代码-何问起</title> </head> <body> <div><a href="http://hovertree.com"&g

[转]CSS如何设置html table表格边框样式

原文地址:http://www.divcss5.com/wenji/w503.shtml 对table设置css样式边框,分为几种情况: 1.只对table设置边框 2.对td设置边框 3.对table和td技巧性设置表格边框 4.对table和td设置背景,实现完美表格边框 以下DIVCSS5对以上几种实现html 表格边框样式进行讲解与案例演示.为了便于观察,divcss5均设置所有案例表格为1px实线红色边框为例:table宽度为400px;表格为三列三行,对以上四种情况表格外层加个div

HTML表格边框的设置小技巧

对于很多初学HTML的人来说,表格<table>是最常用的标签了,但对于表格边框的控制,很多初学者却不甚其解. 对于很多初学HTML的人来说,表格<table>是最常用的标签了,但对于表格边框的控制,很多初学者却不甚其解. 一般我们用表格的时候总会给它个border属性,比如:<table border="1">,其效果如下: 对于很多初学HTML的人来说,表格<table>是最常用的标签了,但对于表格边框的控制,很多初学者却不甚其解.

html 表格边框的设置

对于很多初学HTML的人来说,表格<table>是最常用的标签了,但对于表格边框的控制,很多初学者却不甚其解. 一般我们用表格的时候总会给它个border属性,比如:<table border="1">,其效果如下: ID NAME GENDER 1001 mike male 可以发现表格的边框好像很宽,当然这里的"很宽"绝对不是表格border的宽,大家看到的宽应该是<td>之间有间隙所致.因此只需要修改表格的cellspaci

(转)HTML表格边框的设置小技巧

对于很多初学HTML的人来说,表格<table>是最常用的标签了,但对于表格边框的控制,很多初学者却不甚其解. 对于很多初学HTML的人来说,表格<table>是最常用的标签了,但对于表格边框的控制,很多初学者却不甚其解. 一般我们用表格的时候总会给它个border属性,比如:<table border="1">,其效果如下: ID NAME GENDER 1001 mike male 可以发现表格的边框好像很宽,当然这里的“很宽”绝对不是表格bor

关于border边框重叠颜色设置问题

盒子模型包括:margin border padding content 在标准盒子模型中 conten不包括border和padding  就是他自身内容所包含的区域. 在IE盒子模型中    content包括border和padding   是内容和border padding之和. 关于盒子边框重叠颜色设置问题: //就拿下列标签来说 <ul> <li class="on">房产</li> <li>家居</li> &l

storyboard或者Xib给View设置边框属性(颜色,宽度,圆角)

纯代码设置Button或者其他View的边框属性 例: UIView* view = [[UIView alloc]init]; view.layer.borderWidth = 2.0; view.layer.masksToBounds = YES; view.layer.cornerRadius = 5.0; view.layer.borderColor = [UIColorredColor].CGColor; 以下提供自定义控件的时候,使用Xib,或者用sb来进行布局,那么这时候怎么来使用

SRichViewEdit 表格边框调整

SRichViewEdit 表格默认的表格边框,是有表格边框和单元格边框,并且表格边框与单元格边框有2点的边距,单元格与单元格之间也有2点的边距,看起来是双线的,如下图: 我平常习惯用单细线边框的表格,为此,对SRichViewEdit插入表格的默认格式进行调整,直接修改RichViewActions.pas单元里表格默认属性默认值,打开RichViewActions.pas,找到constructor TrvActionInsertTable.Create,代码如下: constructor 

html的表格边框为什么会这么粗?

因为默认情况下,cellspacing = 2px. 当表格的 border 不为 0 的时候,单元格(cell)的 border 为 1. 只有当表格的 border 设置为 0 的时候,单元格的 border 才会变为 0. 所以当我们设置 cellspacing = 0,border = 1 时,表格边框看起来还是比较粗(实际上是 2 像素). 所以一般我们为了得到 1 像素的边框,会这样设置 border = 0 , cellspacing = 1 ,然后分别设置表格的背景色和单元格的背