Power Apps 中的 HTML 文本控件

一个框,用于显示文本并将 HTML 标记转换为格式。

描述

HTML 文本 控件不仅显示纯文本和数字,还会转换 HTML 标记,例如非换行空格。

备注

HTML 文本控件假定 HtmlText 是相对定位的。 如果您需要对 HTML 文本使用绝对位置,请将文本环绕在相对定位的 div 的周围。 例如,"<div style='position:relative'>" & varPageContent & "</div>"

键属性

Color – 控件中文本的颜色。

Font – 文本中所显示的字体系列的名称。

HtmlText – HTML 文本控件中显示的文本,可能包含 HTML 标记。

其他属性

BorderColor – 控件边框的颜色。

BorderStyle – 控件边框是 SolidDashedDotted 还是 None

BorderThickness – 控件边框的粗细。

DisplayMode – 此控件是允许用户输入 (Edit)、仅显示数据 (View),还是已禁用 (Disabled)。

DisabledBorderColor – 控件的 DisplayMode 属性设置为 Disabled 时,该控件边框的颜色。

DisabledFill – 控件的 DisplayMode 属性设置为 Disabled 时,该控件的背景色。

Fill – 控件的背景色。

Height – 控件上边缘和下边缘之间的距离。

HoverBorderColor – 用户将鼠标指针停留在控件上时,该控件边框的颜色。

OnSelect – 当用户选择控件时要执行的操作。

PaddingBottom – 控件中的文本与该控件下边缘之间的距离。

PaddingLeft – 控件中的文本与该控件左边缘之间的距离。

PaddingRight – 控件中的文本与该控件右边缘之间的距离。

PaddingTop – 控件中的文本与该控件上边缘之间的距离。

Size – 控件上显示的文本的字号。

Tooltip – 用户将鼠标悬停在控件上时显示的解释性文本。

Visible – 控件显示还是隐藏。

Width – 控件左边缘和右边缘之间的距离。

X – 控件左边缘与其父容器(如果没有父容器,则为屏幕)左边缘之间的距离。

Y – 控件上边缘与其父容器(如果没有父容器,则为屏幕)上边缘之间的距离。

Find( FindString, WithinString )

示例

  1. 添加一个 Label 控件,将它命名为 ,然后将 文本 属性设置为下面的字符串:

    "<p>We've&nbsp;done an unusually &quot;deep&quot; globalization and localization.<p>"

    不知道如何添加、命名和配置控件

  2. 添加 HTML 文本 控件,并将其 HtmlText 属性设置为以下值:
    Source.Text

    虽然 HTML 文本 控件显示与 Label 控件相同的文本,但会将这些标记转换成相应的字符。

辅助功能准则

HTML 文本 不应是交互式的。 它仅能用于文本显示。

颜色对比度

在以下项之间必须有足够的颜色对比度:

  • ColorFill
  • 带自定义颜色的文本和其背景

屏幕阅读器支持

  • HtmlText 必须存在。

键盘支持

  • HtmlText 不应包含交互式元素,如 <button><a><input>。 Power Apps 中的 TabIndex 不考虑 HtmlText 内的元素。