Power Apps 中的 HTML 文本控件

显示文本并将 HTML 标记转换为格式的框。

Description

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>

键属性

颜色 – 控件中的文本颜色。

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

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

其他属性

AutoHeight – 设置为 true 以允许控件自动增长其高度以显示所有文本。 设置为 false,将文本截断为分配的高度。

注释

启用 AutoHeight 属性会将控件的 Height 属性增加到最大值 7680。

BorderColor – 控件边框的颜色。

BorderStyle – 控件的边框是 SolidDashedDotted 还是 None

BorderThickness – 控件边框的粗细。

DisplayMode – 控件是否允许用户输入(编辑)、仅显示数据(视图)或已禁用(已禁用)。

DisabledBorderColor – 如果控件的 DisplayMode 属性设置为 Disabled,则控件边框的颜色。

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

填充 – 控件的背景色。

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

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

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

注释

对于 HtmlText 属性中引用的内容中的超链接,忽略 OnSelect

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

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

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

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

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

工具提示 – 当用户将鼠标悬停在控件上时出现的解释性文本。

可见 – 控件是显示还是隐藏。

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

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

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

FindFindStringWithinString

Example

  1. 添加 标签 控件,将其命名为 Source,并将其 Text 属性设置为以下字符串:

    “<p>we've 做了异常的 ”deep”全球化和本地化。<p>”

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

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

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

辅助功能指南

POWER Apps 不会自动定义 HTML 文本 控件中元素的 ARIA 映射。

颜色对比度

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

  • 颜色填充
  • 具有自定义颜色及其背景的文本

键盘支持

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