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 – 控件边框是 SolidDashedDotted 还是 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 )

示例

  1. 添加一个 标签 控件,将它命名为,然后将**Text** 属性设置为下面的字符串:

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

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

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

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

辅助功能准则

HTML 文本 控件内的元素的 ARIA 映射不是由 Power Apps 自动定义的。

颜色对比度

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

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

键盘支持

  • 此控件不能充当按钮。 它没有 TabIndex,键盘用户无法对它聚焦。
  • 此控件可以在 HtmlText 中包含交互式部分,如 <a> 元素,但必须启用应用设置**简化的选项卡索引“。 否则,选项卡导航顺序将出错。

备注

您能告诉我们您的文档语言首选项吗? 进行简短调查。(请注意,此调查是英文版调查)

此调查大约需要七分钟。 不会收集个人数据(隐私声明)。