对于种类繁多的文档格式，当客户想要使用他们已有的某种文档格式并且不想浪费时间在 表中创建相同的布局时，通常会出现这种情况。对于这些情况，FastReport VCL 提供了在文本对象中使用 RichText 或 HTML 标签的能力，但有时这还不够。
从FastReport VCL 2021.2 开始， 我们扩展了一组用于文本格式设置的工具。
新的 HTMLView 对象可以加载带有 CSS 样式的 HTML4，并将其与 表中的表达式、数据字段链接和 FastReport VCL 的其他强大功能一起使用。
让我们逐步检查如何在 告中使用“HTMLView”。首先，我们必须向应用程序添加一个对象包。为此，我们只需要在应用程序表单上放置“ TfrxHTMLObject”或将frxHTML模块添加到应用程序的uses子句即可。
现在，当对象注册后，我们可以从运行时 告设计器中使用它。
连接到数据集
现在我们可以将 表对象面板中的“ HTMLView ”放置在创建的数据带上。
在我们的例子中，HTML 代码是之前创建的，并通过剪贴板插入。也可以从文件加载 HTML 代码。代码应仅包含 HTML4.0 和 CSS（不支持 JavaScript 和其他 Web 扩展）。
为了在 HTML 代码中实现数据的最佳布局，我们使用了一个包含我们需要的所有数据字段的表格。
<!DOCTYPE html><html><head><meta charset="utf-8"><style>.t1{ table-layout: fixed;}.c1{word-wrap:break-word;} .rightimg { float: right; margin: 7px 0 7px 7px; }.s0 { font-family: Arial; font-size: 16px; color: #000000; font-weight: bold; font-style: normal; background-color: #BAD3FE; border-left-color:#C0C0C0; border-left-style: solid; border-left-width: 1px; border-right-color:#C0C0C0; border-right-style: solid; border-right-width: 1px; border-top-color:#C0C0C0; border-top-style: solid; border-top-width: 1px; border-bottom-color:#C0C0C0; border-bottom-style: solid; border-bottom-width: 1px; text-align: Left; vertical-align: Top; padding-top: 1px; padding-left: 2px;}</style></head><body><table class="t1" border="1" cellpadding="0" cellspacing="0"><tbody><tr><td colspan="2" class="s0"></td></tr><tr><td><b>Category</b></td><td></td></tr><tr><td><b>Species Name</b></td><td></td></tr><tr><td><b>Length (cm)</b></td><td></td></tr><tr><td><b>Length In</b></td><td ></td></tr><tr><td class="c1"><span style="max-width:150px;"></span></td><td><img src=""></td></tr></tbody></table></body></html>
图像数据字段将自动编码为 base64，并使用存储在数据库中的正确 mime 类型的图像。FastReport VCL 将自动执行此操作。
“HTMView”对象支持相对于其中的内容增长到底部（拉伸），就像“RichText”对象一样。当然，当 表页面没有足够的可用空间时，“HTMLView”对象支持数据拆分。可以像在 FastReport VCL 的其他 表对象中一样激活数据拉伸和数据拆分。首先，我们需要设置乐队的 Stretched 和 AllowSplit 属性。然后在我们的例子中将“HTMLView”对象的 StretchMode 属性设置为 smActualHeight。
就这样！只需运行 告并检查结果。
