[{"id":"840f0737-df1d-47ae-bb0a-359b01fe0608","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"d5d9cdef-8854-4505-89be-a2bbc3cb4482","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"3dc3dd55-35b0-4d23-bf62-47bc3650e4ee","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"80d84fbc-d0f8-4e4a-947f-e3e4de9b49b2","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"9152b7ca-0186-4fe3-a26f-5a05f322db07","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]}]
        
(Showing Draft Content)

富文本

普通文本框中,框内所有内容都是同样的格式或样式。富文本框则允许在一个边界范围内,针对不同的文本内容设置不同的格式。

富文本框控件接受 HTML 输入,并支持邮件合并功能。您可以通过 html 编码自由拓展报表的内容。

操作示例

1. 添加富文本组件

在工具箱中,通过单击鼠标左键或拖拽的方式将富文本组件添加到设计区。

image2020-6-9_12-17-29.png

2. 属性设置

选中整个富文本,进行富文本选项设置,如下图所示。

image2020-6-9_12-18-3.png

常用属性

选项组

选项名称

说明

常规选项

名称

设置当前富文本的名称,如“富文本1”。

内容

Html

设置Html内容,单击image2018-6-19_11-23-39.png添加表达式。

注意必须包括<body>标签,例如:

="<body><span>" + Fields!类别名称.Value.ToString() + "</span></body>"

支持的html标签详细介绍,请见本页下方关于HTML标签的介绍。

编码邮件合并字段

设置是否编码邮件合并字段。

邮件合并字段

设置邮件合并字段。

背景&边框

背景色和边框

设置富文本的背景色、边框、边框宽度、边框样式和边框颜色。

位置&大小

设置富文本左上角的横向位置。

设置富文本左上角的竖向位置。

宽度

设置富文本的总宽度。

高度

设置富文本的总高度。

邮件合并功能

所谓“邮件合并”,是指一种模板性质的 HTML 文本,其中使用 <%Field1/%> 这样的格式,定义邮件合并字段。这种字段是准备使用数据集或者其他外部数据替换的占位符,可以实现类似宏替换的效果。

邮件合并字段示例一

1. 添加一个富文本组件,将其 Html 内容设置为下面的表达式:

<body><span>{产品名称.ToString()}</span><br><div style="width:300px;font:微软雅黑;"><% Field1 /%></div></body>

其中的 <% Field1 /%> 就是一个邮件合并字段,请注意:Field1 并不是数据集中的字段名。


2. 开启编码邮件合并字段,并添加一个邮件合并字段。

字段名称为 Html 内容中引用的名称(即“Field1”);数值则可设置为表达式,引用或者绑定数据集的字段,如:{产品单价}

如下图:

image2020-11-2_9-58-37.png


3. 预览效果如下图:

image2020-3-2_16-28-46.png


可见,预览时富文本中的占位符 Field1 显示了实际绑定的数值,这也就是占位的意义。

邮件合并字段示例二

由示例一可以想到,如果经常需要对某一个数据或内容进行统一的批量管理或更新的话,就可以在 html 中多次使用同一占位符。进行批量更新时,只需要修改占位符绑定的数值即可。

下面举一个简单的示例。

1. 添加一个富文本组件,将其 Html 内容设置为:

<body><% 班主任 /%>  <% 班主任 /%>  <% 班主任 /%>  <% 班主任 /%> </body>

其中的 <% 班主任 /%> 是邮件合并字段。


2. 开启编码邮件合并字段,并添加一个邮件合并字段。

字段名称为 Html 内容中引用的名称(即“班主任”);数值设置为班主任的名字,如下图:

image2020-11-2_9-33-30.png


3. 预览。

image2020-3-2_17-2-57.png


4. 此时,如果我们想把班主任换成李四,那么就不用一个个的单独更改了。直接将邮件合并字段绑定的数值修改即可。

image2020-11-2_9-34-15.png


5. 预览,可见已经进行了批量的替换。

image2020-3-2_17-9-36.png

HTML标签

注意

所有的 html 内容都必须包含在<body></body>标签中才可以生效。

标签

说明

<%MergeFieldName%>

插入邮件合并字段。

<!-- -->

注释

<!DOCTYPE>

定义文档类型

<a>

定义定位点

<abbr>

定义缩写

<acronym>

定义缩略词

<address>

定义地址元素

<b>

定义粗体文本

<base />

为页面中的所有链接定义一个基本URL

<bdo>

定义文本显示的方向

<big>

定义大文本

<blockquote>

定义长引号

<body>

定义body元素(必需)

<br />

插入一个换行符

<caption>

定义表格标题

<center>

定义居中文本

<cite>

定义引用

<code>

定义计算机代码文本

<col>

定义表列的属性

<dd>

定义描述

<del>

定义带删除线的文本

<dir>

定义目录列表

<div>

定义文档中的节

<dfn>

定义一个定义项目

<dl>

定义一个定义列表

<dt>

定义项目/名字

<em>

定义强调文字

<h1> to <h6>

定义标题1到标题6

<head>

定义有关文档的信息

<hr />

定义一条水平线

<html>

定义html文档

<i>

定义斜体文本

<img />

定义图像

<ins>

定义插入的文本

<kbd>

定义键盘文本

<li>

定义列表项

<link>

定义链接

<map>

定义图像映射

<menu>

定义菜单列表

<ol>

定义有序列表

<p>

定义段落

<pre>

定义预格式化文本

<q>

定义短引号

<s>

定义删除线文本

<samp>

定义示例计算机代码

<small>

定义小文本

<span>

在文档中定义节

<strike>

定义删除线文本

<strong>

定义加粗文本

<style>

定义 HTML 文档的样式信息

<sub>

定义下标文本

<sup>

定义上标文本

<table>

定义表

<tbody>

定义一个表体

<td>

定义表格单元格

<tfoot>

定义表页脚

<th>

定义表标题

<thead>

定义表标题

<tr>

定义表行

<tt>

定义电传打字机文本

<u>

定义带下划线的文本

<ul>

定义无序列表