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 )
範例
新增**標籤** 控制項，並將其命名為 Source，然後將其**Text** 屬性設定為以下字串：
「<p>我們 完成了"極深入的" 全球化和當地語系化。<p>」
不知道如何新增、命名和設定控制項嗎？
新增 HTML 文字控制項，並將其 HtmlText 屬性設定為此值：
Source.TextHTML 文字控制項會顯示與**標籤** 控制項相同的文字，但將標記轉換成適當的字元。
協助工具指南
HTML 文字控制項中元素的 ARIA 對應不是由 Power Apps 自動定義。
色彩對比
以下項目之間必須有足夠的色彩對比：
鍵盤支援
- 控制項無法做為按鈕。 其不包含 TabIndex，且鍵盤使用者無法將其設為焦點。
- 控制項可以在 HtmlText 中包含互動部分，例如
<a>元素，但必須啟用應用程式設定**簡化索引標籤索引"。 否則，索引標籤瀏覽順序將會發生錯誤。