다음을 통해 공유

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

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

DisplayMode – 컨트롤이 사용자 입력을 허용(편집)하거나, 데이터만 표시(보기)하거나 사용 안 하도록(사용 안 함) 설정할지 선택합니다.

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

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

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

Height – 컨트롤의 위쪽 및 아래쪽 가장자리 사이의 간격입니다.

HoverBorderColor – 사용자가 해당 컨트롤에 마우스 포인터를 올려두는 경우 컨트롤의 테두리 색입니다.

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

참고

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

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

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

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

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

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

Tooltip – 사용자가 컨트롤을 마우스로 가리킬 때 나타나는 설명 텍스트입니다.

Visible – 컨트롤을 표시하거나 숨길지 여부를 선택합니다.

Width – 컨트롤의 왼쪽 및 오른쪽 가장자리 사이의 간격입니다.

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

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

Find( FindString, WithinString )

예

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

    "<p>&매우 &심층적인 &세계화 및 지역화를 이뤄냈습니다.<p>"

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

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

    HTML 텍스트 컨트롤에 레이블 컨트롤과 같은 텍스트가 표시되나 태그가 적합한 문자로 변환됩니다.

접근성 지침

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

색상 대비

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

  • Color 및 Fill
  • 사용자 지정 색 및 배경이 있는 텍스트

키보드 지원

  • 컨트롤은 버튼 역할을 할 수 없습니다. TabIndex가 없으며 키보드 사용자는 그에 집중할 수 없습니다.
  • 컨트롤은 <a> 요소와 같이 HtmlText에 대화형 부분을 포함할 수 있지만 앱 설정 **기본 탭 색인"을 활성화해야 합니다. 그렇지 않으면 탭 탐색 순서가 잘못됩니다.

참고

귀사의 설명서 언어 기본 설정에 대해 말씀해 주시겠습니까? 간단한 설문 조사에 응해주세요. (이 설문 조사는 영어로 되어 있습니다.)

이 설문 조사는 약 7분 정도 걸립니다. 개인 데이터는 수집되지 않습니다(개인정보처리방침).