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 – 決定控制項的框線為實線虛線點線

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. 新增**標籤** 控制項,並將其命名為 Source,然後將其**Text** 屬性設定為以下字串:

    「<p>我們&nbsp;完成了&quot;極深入的&quot; 全球化和當地語系化。<p>」

    不知道如何新增、命名和設定控制項嗎?

  2. 新增 HTML 文字控制項,並將其 HtmlText 屬性設定為此值:
    Source.Text

    HTML 文字控制項會顯示與**標籤** 控制項相同的文字,但將標記轉換成適當的字元。

協助工具指南

HTML 文字控制項中元素的 ARIA 對應不是由 Power Apps 自動定義。

色彩對比

以下項目之間必須有足夠的色彩對比:

  • ColorFill
  • 含有自訂色彩和背景的文字

鍵盤支援

  • 控制項無法做為按鈕。 其不包含 TabIndex,且鍵盤使用者無法將其設為焦點。
  • 控制項可以在 HtmlText 中包含互動部分,例如 <a> 元素,但必須啟用應用程式設定**簡化索引標籤索引"。 否則,索引標籤瀏覽順序將會發生錯誤。

注意

是否能請您告知您偏好的慣用文件語言? 請填寫問卷。 (請注意,本問卷為英文版)

完成問卷大約需要七分鐘。 本問卷將不會收集個人資料 (隱私權聲明)。