PowerApps의 서식 있는 텍스트 편집기 컨트롤(실험적)Rich text editor control (experimental) in PowerApps

실험적 컨트롤을 사용하면 최종 사용자가 WYSIWYG 편집 영역 내의 텍스트 서식을 지정할 수 있습니다.An experimental control that allows end users to format text inside a WYSIWYG editing area. 출력 형식은 HTML입니다.Output format is HTML.

설명Description

서식 있는 텍스트 편집기 컨트롤은 앱 사용자에게 텍스트의 서식을 지정하는 WYSIWYG 편집 영역을 제공합니다.The Rich text editor control provides the app user a WYSIWYG editing area for formatting text. 컨트롤의 입력 및 출력 형식은 HTML입니다.Control's input and output format is HTML.

컨트롤을 사용하면 복사된 서식 있는 텍스트(예:Control allows copied rich text (i.e 웹 브라우저 또는 Word에서)를 컨트롤에 붙여넣을 수 있습니다.from web browser or Word) to be pasted into the control.

컨트롤의 의도된 용도는 텍스트 서식을 지정하는 것이며 입력 HTML의 무결성을 유지하도록 보장하지 않습니다.Control's intended use is to format text and does not guarantee to preserve the integrity of the input HTML. 모든 스크립트, 스타일, 개체 및 기타 잠재적으로 손상되는 태그는 편집기에서 제거됩니다.All script, style, object and other potentially compromising tags will be removed by the editor. 즉, 서식 있는 텍스트가 PowerApps 외부에서 만들어졌으면 만들어진 제품에서와 동일하게 보일 수 없습니다.This means that if rich text was created outside of PowerApps, it may not look the same as in the product where it was created.

현재 지원되는 기능은 다음과 같습니다.Currently supported features include:

  • 굵게, 기울임꼴, 밑줄Bold, Italic, Underline
  • 텍스트 색, 색 강조Text color, highlight Color
  • 텍스트 크기Text Size
  • 번호 매기기 목록, 글머리 목록Numbered lists, bullet lists
  • 하이퍼링크Hyperlinks
  • 서식 지정 지우기Clear formatting

양식 내에서 컨트롤을 사용하려면 "여러 줄 텍스트 편집" 카드를 선택하고 RTE 컨트롤을 삽입하여 사용자 지정합니다.To use the control inside a form, select the "Edit multi-line text" card, and customize it by inserting the RTE control.

제한 사항Limitations

컨트롤의 현재 버전은 다음과 같은 임시 제한으로 인해 실험적입니다.The current version of the control is experimental due to the following temporary limitations:

  • 컨트롤은 텍스트의 서식을 지정하는 기능을 제한했습니다.Control has limited features for formatting text.

  • 컨트롤은 기본적으로 큰 화면의 브라우저에서 사용하기 위해 만들어졌습니다.The control is primarily targeted for use in browsers on large screens. 휴대폰에서 컨트롤을 사용하면 어려울 수 있습니다.Using the control on a mobile phone can be a frustrating experience.

  • Windows studio 또는 Edge 브라우저를 사용하는 경우 작성 환경에서 알려진 문제입니다.Known issues in the authoring experience when using the Windows studio or Edge browser. 현재 Chrome에서 웹 스튜디오를 사용하는 것이 좋습니다.Current recommendation is to use web studio in Chrome.

주요 속성Key properties

Default – 편집기에 표시된 초기 텍스트 값에 대한 입력 속성입니다.Default – Input property for the initial text value shown in editor.

HtmlText – HTML 형식인 서식 있는 결과 텍스트에 대한 출력 속성입니다.HtmlText – Output property for the resulting rich text in HTML format.

추가 속성Additional properties

AccessibleLabel – 화면 읽기 프로그램의 레이블입니다.AccessibleLabel – Label for screen readers. 첨부 파일의 목적을 설명해야 합니다.Should describe the purpose of the attachments.

DisplayMode – 컨트롤이 파일 추가 및 삭제(편집)하거나, 데이터만 표시(보기)하거나 사용 안 하도록(사용 안 함) 설정할지 선택합니다.DisplayMode – Whether the control allows adding and deleting files (Edit), only displays data (View), or is disabled (Disabled).

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

TabIndex – 다른 컨트롤에 관련된 키보드 탐색 순서입니다.TabIndex – Keyboard navigation order in relation to other controls.

Visible – 컨트롤을 표시할지 또는 숨길지 여부입니다.Visible – Whether a control is visible or 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 (or screen, if no parent container).

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