富文本与HTML- 制作向导-Web报表设计器
目录

富文本与HTML

插入富文本与Html可以设置某一单元格的内容为富文本或HTML类型。

设置界面如下图所示:

富文本

富文本数据类型的格式主要采用类Html的格式,但是只支持字体相关属性的设置,下面具体介绍一下富文本类型的使用方法。

1、 对Html语法的支持

富文本支持html中支持以下标签:

①字体标签:<font></font>,其中包括各种字体属性:字体(face)、字色(color)、字号(size)、字符间距(letter-spacing),各个属性可以同时使用在一个标签用法中。

②粗体标签:<b></b>标签内文字的字体加粗

③斜体标签:<i></i>标签内文字的字体变斜体

④下划线标签:<u></u>标签内文字加下划线

⑤上标标签:<sup></sup>标签内文字变为上标

⑥下标标签:<sub></sub>标签内文字变为下标

⑦段落标签:<p></p>标签内文字为一个段落,可以在该标签内设置文本之间的行间距

注意:
富文本标签中的“字号”并不能自由定义,它定义的是字体的网页字号,只能在一号到七号间选择,相对应的实际字号为8磅到36磅;字符间距设定允许嵌套。
段落标签和字体标签中的字符间距,不支持word以及Excel的导出。

另外,如果有容易产生混淆的情况,需要使用“>”“&”等字符,可以如同Html中同样使用“&gt”、“&amp”等。

2、 对Style的支持

部分支持在font标签中使用的style。支持style中的下列属性:字体(font-family),字色(color),字号(font-size),字符间距(letter-spacing),粗体/非粗体(font-weight:bold/ font-weight:normal),斜体/非斜体(font-style:italic/ font-style:normal),有下划线/无下划线(text-decoration:underline/ text-decoration:none),在同一个style中可以使用一个或者多个属性。

富文本数据类型的单元格,在web端浏览时,按照Html语法由浏览器解析相应代码,因此,代码必须符合Html语法规则。

举例:在报表中使用富文本实现上下标格式

1、选中要设置成富文本的单元格,进行如下设置:

2、预览报表结果如下:

富文本类型单元格在打印和导出时为文本类型。导出后的文件可以对富文本类型单元格的内容进行修改。

HTML

html是超文本标记语言,一个HTML文件不仅包含文本内容,还包含一些标记。

例如:设置单元格文字颜色       <span style="color:#64451d;">单元格内容</span>

      设置单元格文字字号和行高 <span style="line-height:2;font-size:14px;">单元格内容</span>

      设置单元格文字行高、颜色、字号、是否加粗显示  <span style="line-height:2;color:#e53333;font-size:18px;"><strong>单元格内容</strong></span>

如果报表中需要用到一些标记,但单元格不支持这种标记,这时就可以把单元格的类型设置为“html”类型,在单元格中嵌入html标记,通过html类型可以在单元格中显示单元格本身不支持的标记信息。html类型还有一个用途是可以在单元格中嵌入隐藏的javascript函数,如果报表中多处都用到同一个js函数,我们可以把一个隐藏单元格设置为html类型,在此单元格中定义js函数,其他单元格可以引用,这样给用户的报表设计带来了很大方便。

html类型的单元格在进行打印导出时单元格内容为图片,导出后不能对html类型的单元格内容进行修改。

普通文本

文本类型是单元格默认的数据类型,我们在报表单元格里使用最多的就是这种类型。如果单元格的类型为“文本”,系统就把单元格中的字符、数字或表达式的计算结果都当成文本来处理。

设置富文本与HTML对展现、打印、导出效果的影响

富文本:支持文字相关的多种格式效果,如字体、上下标等。支持完全不失真打印。导出时为文本。
    HTML:基于HTML的更丰富的格式效果。打印、导出时为图片,可能会有部分失真。
    普通文本:展现时直接显示单元格内容或单元格表达式运算结果。