Power Apps 中的 HTML 文本 控件
一个框,用于显示文本并将 HTML 标记转换为格式。
描述
HTML 文本 控件不仅显示纯文本和数字,还会转换 HTML 标记,例如非换行空格。
备注
HTML 文本 控件假定 HtmlText 是相对定位的。 如果您需要对 HTML 文本使用绝对位置,请将文本包含在相对定位 div 标记之间。 例如,"<div style='position:relative'>" & varPageContent & "</div>"
备注
对于某些 HTML 元素,默认浏览器样式可能会被删除。 例如,对于 HTML 列表(<ul>
、<ol>
),您需要编写自己的内联样式来恢复默认样式。 例如:
<ul style='display: block;
list-style-type: disc;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
padding-inline-start: 40px;'>
...
</ul>
键属性
Color – 控件中文本的颜色。
Font – 文本中所显示的字体系列的名称。
HtmlText – HTML 文本 控件中显示的文本,可能包含 HTML 标记。
其他属性
BorderColor – 控件边框的颜色。
BorderStyle – 控件边框是 Solid、Dashed、Dotted 还是 None。
BorderThickness – 控件边框的粗细。
DisplayMode – 此控件是允许用户输入 (Edit)、仅显示数据 (View),还是已禁用 (Disabled)。
DisabledBorderColor – 控件的 DisplayMode 属性设置为 Disabled 时,该控件边框的颜色。
DisabledFill – 控件的 DisplayMode 属性设置为 Disabled 时,该控件的背景色。
Fill – 控件的背景色。
Height – 控件上边缘和下边缘之间的距离。
HoverBorderColor – 用户将鼠标指针停留在控件上时,该控件边框的颜色。
OnSelect – 当用户选择控件时要执行的操作。
备注
对于 HtmlText 属性内引用的内容中的超链接,将忽略 OnSelect。
PaddingBottom – 控件中的文本与该控件下边缘之间的距离。
PaddingLeft – 控件中的文本与该控件左边缘之间的距离。
PaddingRight – 控件中的文本与该控件右边缘之间的距离。
PaddingTop – 控件中的文本与该控件上边缘之间的距离。
Size – 控件上显示的文本的字号。
Tooltip – 用户将鼠标悬停在控件上时显示的解释性文本。
Visible – 控件显示还是隐藏。
Width – 控件左边缘和右边缘之间的距离。
X – 控件左边缘与其父容器(如果没有父容器,则为屏幕)左边缘之间的距离。
Y – 控件上边缘与其父容器(如果没有父容器,则为屏幕)上边缘之间的距离。
相关函数
Find( FindString, WithinString )
示例
添加一个 标签 控件,将它命名为源,然后将**Text** 属性设置为下面的字符串:
"<p>We've done an unusually "deep" globalization and localization.<p>"
不知道如何添加、命名和配置控件?
添加 HTML 文本控件,并将其 HtmlText 属性设置为以下值:
Source.Text虽然 HTML 文本控件显示与 标签 控件相同的文本,但会将这些标记转换成相应的字符。
辅助功能准则
HTML 文本 控件内的元素的 ARIA 映射不是由 Power Apps 自动定义的。
颜色对比度
在以下项之间必须有足够的颜色对比度:
键盘支持
- 此控件不能充当按钮。 它没有 TabIndex,键盘用户无法对它聚焦。
- 此控件可以在 HtmlText 中包含交互式部分,如
<a>
元素,但必须启用应用设置**简化的选项卡索引“。 否则,选项卡导航顺序将出错。