다음을 통해 공유

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 – 컨트롤의 테두리가 Solid, Dashed, Dotted 또는 None인지 여부입니다.

BorderThickness – 컨트롤 테두리의 두께입니다.

DisplayMode – 컨트롤에서 사용자 입력(편집)을 허용하는지 여부, 데이터만 표시(보기) 또는 사용 안 함(사용 안 함)입니다.

DisabledBorderColor – 컨트롤의 DisplayMode 속성이 Disabled로 설정된 경우 컨트롤의 테두리 색입니다.

DisabledFill – DisplayMode 속성이 Disabled 로 설정된 경우 컨트롤의 배경색입니다.

Fill – 컨트롤의 배경색입니다.

높이 – 컨트롤의 위쪽 가장자리와 아래쪽 가장자리 사이의 거리입니다.

HoverBorderColor – 사용자가 해당 컨트롤에 마우스 포인터를 유지할 때 컨트롤의 테두리 색입니다.

OnSelect – 사용자가 컨트롤을 선택할 때 수행할 작업입니다.

비고

HtmlText 속성 내에서 참조되는 콘텐츠 내의 하이퍼링크에 대해서는 OnSelect가 무시됩니다.

PaddingBottom – 컨트롤의 텍스트와 해당 컨트롤의 아래쪽 가장자리 사이의 거리입니다.

PaddingLeft – 컨트롤의 텍스트와 해당 컨트롤의 왼쪽 가장자리 사이의 거리입니다.

PaddingRight – 컨트롤의 텍스트와 해당 컨트롤의 오른쪽 가장자리 사이의 거리입니다.

PaddingTop – 컨트롤의 텍스트와 해당 컨트롤의 위쪽 가장자리 사이의 거리입니다.

크기 – 컨트롤에 표시되는 텍스트의 글꼴 크기입니다.

도구 설명 – 사용자가 컨트롤을 마우스로 가리킬 때 표시되는 설명 텍스트입니다.

표시 – 컨트롤이 표시되는지 숨겨지는지 여부입니다.

너비 – 컨트롤의 왼쪽 가장자리와 오른쪽 가장자리 사이의 거리입니다.

X – 컨트롤의 왼쪽 가장자리와 부모 컨테이너의 왼쪽 가장자리 사이의 거리입니다(부모 컨테이너가 없는 경우 화면).

Y – 컨트롤의 위쪽 가장자리와 부모 컨테이너의 위쪽 가장자리 사이의 거리입니다(부모 컨테이너가 없는 경우 화면).

Find( FindString, WithinString )

Example

  1. 레이블 컨트롤을 추가하고, 이름을 Source로 지정하고, Text 속성을 다음 문자열로 설정합니다.

    "p우리는&nbsp; 비정상적으로 p"

    컨트롤을 추가, 이름을 지정하고, 구성하는 방법을 모르시나요?

  2. HTML 텍스트 컨트롤을 추가하고 HtmlText 속성을 다음 값으로 설정합니다.
    Source.Text

    HTML 텍스트 컨트롤은 레이블 컨트롤과 동일한 텍스트를 표시하지만 태그를 적절한 문자로 변환합니다.

내게 필요한 옵션 지침

HTML 텍스트 컨트롤 내의 요소에 대한 ARIA 매핑은 Power Apps에서 자동으로 정의되지 않습니다.

색 대비

다음 사이에 적절한 색 대비가 있어야 합니다.

  • 색 및 채우기
  • 사용자 지정 색과 배경이 있는 텍스트

키보드 지원

  • 컨트롤은 단추로 작동할 수 없습니다. TabIndex가 없으며 키보드 사용자는 이 항목에 집중할 수 없습니다.
  • 컨트롤은 HtmlText 에서 요소와 같은 <a> 대화형 부분을 포함할 수 있지만 앱 설정 **간소화된 탭 인덱스"를 사용하도록 설정해야 합니다. 그렇지 않으면 탭 탐색 순서가 잘못됩니다.
  • Last updated on