PowerApps의 HTML 텍스트 컨트롤HTML text control in PowerApps

텍스트를 표시하고 HTML 태그를 서식 지정으로 변환하는 상자입니다.A box that shows text and converts HTML tags to formatting.

설명Description

HTML 텍스트 컨트롤은 일반 텍스트와 숫자를 표시할 뿐 아니라 줄바꿈 없는 공백 같은 HTML 태그도 변환합니다.An HTML text control not only shows plain text and numbers but also converts HTML tags, such as non-breaking spaces.

주요 속성Key properties

Color – 컨트롤의 텍스트 색입니다.Color – The color of text in a control.

Font – 텍스트가 표시되는 글꼴의 제품군 이름입니다.Font – The name of the family of fonts in which text appears.

HtmlText – HTML 텍스트 컨트롤에 표시되며 HTML 태그를 포함할 수 있는 텍스트입니다.HtmlText – Text that appears in an HTML text control and that may contain HTML tags.

추가 속성Additional properties

BorderColor - 컨트롤의 테두리 색입니다.BorderColor – The color of a control's border.

BorderStyle - 컨트롤의 테두리는 Solid, Dashed, Dotted, None입니다.BorderStyle – Whether a control's border is Solid, Dashed, Dotted, or None.

BorderThickness - 컨트롤의 테두리 굵기입니다.BorderThickness – The thickness of a control's border.

DisplayMode – 컨트롤이 사용자 입력을 허용(편집)하거나, 데이터만 표시(보기)하거나 사용 안 하도록(사용 안 함) 설정할지 선택합니다.DisplayMode – Whether the control allows user input (Edit), only displays data (View), or is disabled (Disabled).

DisabledBorderColor – 컨트롤의 DisplayMode 속성이 Disabled로 설정된 경우 컨트롤의 테두리 색입니다.DisabledBorderColor – The color of a control's border if the control's DisplayMode property is set to Disabled.

DisabledFill – 컨트롤의 DisplayMode 속성이 Disabled로 설정된 경우 컨트롤의 배경색입니다.DisabledFill – The background color of a control if its DisplayMode property is set to Disabled.

Fill - 컨트롤의 배경색입니다.Fill – The background color of a control.

Height – 컨트롤의 위쪽 및 아래쪽 가장자리 사이의 간격입니다.Height – The distance between a control's top and bottom edges.

HoverBorderColor – 사용자가 해당 컨트롤에 마우스 포인터를 올려두는 경우 컨트롤의 테두리 색입니다.HoverBorderColor – The color of a control's border when the user keeps the mouse pointer on that control.

OnSelect – 사용자가 앱을 클릭하거나 탭할 때 앱이 응답하는 방법입니다.OnSelect – How the app responds when the user taps or clicks a control.

PaddingBottom – 컨트롤의 텍스트와 해당 컨트롤의 아래쪽 가장자리 사이의 거리입니다.PaddingBottom – The distance between text in a control and the bottom edge of that control.

PaddingLeft – 컨트롤의 텍스트와 해당 컨트롤의 왼쪽 가장자리 사이의 거리입니다.PaddingLeft – The distance between text in a control and the left edge of that control.

PaddingRight – 컨트롤의 텍스트와 해당 컨트롤의 오른쪽 가장자리 사이의 거리입니다.PaddingRight – The distance between text in a control and the right edge of that control.

PaddingTop – 컨트롤의 텍스트와 해당 컨트롤의 위쪽 가장자리 사이의 거리입니다.PaddingTop – The distance between text in a control and the top edge of that control.

Size -컨트롤에 표시되는 텍스트의 글꼴 크기입니다.Size – The font size of the text that appears on a control.

Tooltip – 사용자가 마우스로 컨트롤을 가리킬 때 표시되는 설명 텍스트입니다.Tooltip – Explanatory text that appears when the user hovers over a control.

Visible – 컨트롤을 표시하거나 숨길지 여부를 선택합니다.Visible – Whether a control appears or is hidden.

Width – 컨트롤의 왼쪽 및 오른쪽 가장자리 사이의 간격입니다.Width – The distance between a control's left and right edges.

X – 컨트롤의 왼쪽 가장자리와 해당 부모 컨테이너(부모 컨테이너가 없는 경우 화면)의 왼쪽 가장자리 사이의 거리입니다.X – The distance between the left edge of a control and the left edge of its parent container (screen if no parent container).

Y – 컨트롤의 위쪽 가장자리와 해당 부모 컨테이너(부모 컨테이너가 없는 경우 화면)의 위쪽 가장자리 사이의 거리입니다.Y – The distance between the top edge of a control and the top edge of the parent container (screen if no parent container).

Find( FindString, WithinString )Find( FindString, WithinString )

Example

  1. 레이블 컨트롤을 추가하고 이름을 Source로 지정한 후, Text 속성을 다음 문자열로 지정합니다.Add a Label control, name it Source, and set its Text property to this string:

"<p>본사에서는&nbsp;매우 &quot;심층적인&quot; 세계화 및 지역화를 이뤄냈습니다.<p>""<p>We've&nbsp;done an unusually &quot;deep&quot; globalization and localization.<p>"

컨트롤을 추가, 이름을 지정하고, 구성하는 방법을 모르시나요?Don't know how to add, name, and configure a control?

  1. HTML 텍스트 컨트롤을 추가하고 HtmlText 속성을 다음 값으로 설정합니다.Add an HTML text control, and set its HtmlText property to this value:
    Source.TextSource.Text

    HTML 텍스트 컨트롤에 레이블 컨트롤과 같은 텍스트가 표시되나 태그가 적합한 문자로 변환됩니다.The HTML text control shows the same text as the Label control but converts the tags to the appropriate characters.

접근성 지침Accessibility guidelines

HTML 텍스트는 대화형으로 사용할 수 없습니다.HTML text is not meant to be interactive. 텍스트 표시에만 사용해야 합니다.It should only be used for text display.

색 대비Color contrast

다음 사이에 적절한 색 대비가 있어야 합니다.There must be adequate color contrast between:

  • ColorFillColor and Fill
  • 사용자 지정 색 및 배경이 있는 텍스트Text with custom colors and its background

화면 판독기 지원Screen reader support

  • HtmlText가 있어야 합니다.HtmlText must be present.

키보드 지원Keyboard support

  • HtmlText<button>, <a> 또는 <input>과 같은 대화형 요소를 포함해서는 안 됩니다.HtmlText should not contain interactive elements like <button>, <a>, or <input>. PowerApps의 TabIndex 시스템은 HtmlText 내부의 요소를 고려하지 않습니다.The TabIndex system in PowerApps does not consider elements inside HtmlText.