富文本应用

<< Click to Display Table of Contents >>

当前位置:  制作可视化报告 > 文本 

富文本应用

Previous pageReturn to chapter overviewNext page

富文本,即文本框中支持输入以html源码实现富文本的编辑功能,并且可与参数关联,实现互动。

参数输入形式为“?{参数名}”,参数可写在文本字符中,也可写在html代码中,与过滤中定义的参数一样,文本组件中定义的参数也可以在编辑参数中收集到,并进行编辑。可通过将参数定义在html代码中,为参数值设置格式,颜色,插入图片等。

说明:若文本组件已经绑定字段,则不支持编辑。

说明:当输入内容为html代码时,建议在制作报告中写好后,在查看报告中查看显示结果。

例如

动态的展示医疗机构的总收入和总销售额,总收入值显示为红色粗体,总销售额值显示为绿色斜体,总收入额使用参数:?{Profit},总销售额使用参数:?{Slaes}。

1.输入内容如下:

<p>2009年度医疗机构收入如下:<div style="text-align: left;"><span style="color:#00b050">总收入为:</span><span style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;;"><span style="color: rgb(255, 0, 0);font-size:32px;font-weight: bold;">?{Profit}</span></span>,<span style="color:#00b050">总销售额为:</span><span style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;;"><span style="font-size:18px"><em><span style="font-family: 楷体, SimKai; color: rgb(0, 255, 0);">?{Sales}</span></em></span></div><img src="http://www.w3school.com.cn/i/eg_cute.gif"/></p>

2.在查看报告中打开报表,弹出的参数对话框中输入值,Profit:30W,Sales:50W,结果如下图所示:

Text001