Font creator family에 넣는 방법

• Congratulations on choosing our product!
• Introduction
• Basic Layout & Editing Operations
• Creating Embroidery Patterns Containing Text
• Creating Embroidery Patterns Using Images
• Operations for Specific Applications
• Transferring Data
• Compatibility with ScanNCut (Brother cutting machine)
• Design Center
• Design Database
• Programmable Stitch Creator
• Font Creator
• Stitch Design Factory
• Supplement
• Reference
• Index

주요 콘텐츠로 건너뛰기

이 브라우저는 더 이상 지원되지 않습니다.

최신 기능, 보안 업데이트, 기술 지원을 이용하려면 Microsoft Edge로 업그레이드하세요.

모델 기반 앱에 rich text editor 컨트롤 추가

• 아티클
• 11/04/2022
• 읽는 데 56분 걸림

이 문서의 내용

rich text editor 컨트롤은 앱 사용자에게 텍스트의 서식을 지정하는 WYSIWYG 편집 영역을 제공합니다. 컨트롤의 입력 및 출력 형식은 HTML입니다. 컨트롤을 사용하면 웹 브라우저 또는 Word에서 복사한 서식 있는 텍스트를 컨트롤에 붙여넣을 수 있습니다.

다음과 같은 서식 옵션을 사용할 수 있습니다.

• 굵게, 기울임꼴, 밑줄, 취소선
• 텍스트 색, 색 강조
• 글꼴 종류 및 크기
• 번호 매기기 목록, 글머리 목록
• 하이퍼링크
• 테이블
• 이미지

서식 있는 텍스트 편집을 위해 텍스트 열 추가 또는 교체

새 텍스트 열을 만들고 컨트롤을 구성하거나 기존 텍스트 열을 바꿉니다. rich text editor 컨트롤은 한 줄 또는 여러 줄 텍스트 열과 함께 사용할 수 있습니다.

단순 구성

신규 또는 기존 텍스트 열에 기본값을 사용하여 서식 있는 텍스트 편집기를 활성화하려면 다음 단계를 사용하여 서식 옵션을 서식 있는 텍스트 로 설정할 수 있습니다. 기본값에 대한 추가 정보: 조직 전체 변경에 기본 웹 리소스 사용

1. Power Apps에 로그인합니다.

   참고

   기존 서식 있는 텍스트 필드가 있는 경우 API를 사용하여 형식을 Richtext로 변경할 수 있습니다. 추가 정보: 데이터 유형 형식 변환

2. 왼쪽 탐색 창에서 솔루션 을 선택하고 원하는 솔루션을 열고 원하는 테이블을 연 다음 열 영역을 선택합니다.

3. +추가 > 열 을 선택하고 열 이름을 입력하고 텍스트 데이터 유형을 선택한 다음 서식 있는 텍스트 형식 옵션을 선택합니다.

4. 열을 저장합니다. 이제 이 테이블의 기존 또는 새 양식에 새 열을 추가할 수 있습니다.

고급 구성

Rich Text Editor 컨트롤은 모양, 기능 및 동작을 사용자 지정할 수 있는 다양한 구성 옵션 집합과 함께 제공됩니다. 새 열 또는 기존 열에서 특정 구성으로 서식 있는 텍스트 편집기를 활성화하려면 다음 단계를 완료하세요.

1. Power Apps에 로그인합니다.
2. 왼쪽 탐색 창에서 솔루션 을 선택하고 원하는 솔루션을 열고 원하는 테이블을 연 다음 양식 영역을 선택합니다.
3. 양식을 선택한 후 양식 수정 > 새 탭에서 양식 수정 을 선택합니다.
4. 양식 디자이너 캔버스에서 텍스트 열을 추가 또는 생성하거나 이 문서에 사용된 사용자 지정 여러 줄 텍스트 열과 같은 기존 텍스트 열을 선택합니다.
5. 오른쪽 열 속성 창에서 구성 요소 섹션을 확장하고 + 구성 요소 를 선택한 다음 Rich Text Editor 컨트롤 을 선택합니다.
6. Rich Text Editor 컨트롤 추가 창에서 다음 옵션 중 선택한 후 완료 를 선택하십시오.

   • 테이블 열에 바인딩: 이 속성은 다른 테이블 열에 대한 바인딩을 지원하지 않으므로 이 옵션을 활성화하지 않는 것이 좋습니다.

   • 정적 값 : 서식 있는 텍스트 편집기의 모양, 기능 및 동작을 사용자 지정하려면 원하는 속성이 포함된 JavaScript 웹 리소스에 대한 상대 URL을 입력합니다. 추가 정보: rich text editor 컨트롤에 대한 고급 구성 만들기 및 사용

   • 웹, 핸드폰 및 태블릿: 모든 클라이언트 앱이 열에서 서식 있는 텍스트를 사용할 수 있도록 하려면 모두를 활성화합니다.

     
7. 저장 한 다음 양식을 게시 합니다.

rich text editor 컨트롤을 위한 고급 구성 생성 및 사용

rich text editor 컨트롤에 대한 고급 구성을 만들고 사용하려면 다음 단계를 따르세요.

1. 원하는 defaultSupportedProps 구조 및 구성을 사용하여 JSON 형식 텍스트 파일이 포함된 JavaScript(.js) 파일을 생성합니다. 추가 정보: 추가 샘플 서식 있는 텍스트 편집기 구성 및 서식 있는 텍스트 편집기 속성

2. Power Apps에서, 1단계에서 생성한 JSON 파일을 사용하여 JavaScript (JS) 유형의 웹 리소스를 생성합니다. 추가 정보: 모델 기반 앱 웹 리소스를 만들거나 편집하여 앱 확장

3. rich text editor 컨트롤 추가 창의 정적 값 필드에 JavaScript 웹 리소스에 대한 상대 URL(예: /WebResources/contoso_toolbartoprte)을 추가합니다. 추가 정보: 서식 있는 텍스트 편집을 위해 텍스트 열 추가 또는 교체

   팁

   • 웹 리소스 URL은 이전 단계에서 생성한 웹 리소스 정의의 URL 필드 옆에 있습니다.
   • 정적 값 에 절대 URL을 사용할 수 있지만 상대 URL을 사용하면 웹 리소스를 솔루션으로 다른 환경에 가져온 후에도 웹 리소스가 계속 작동합니다.
     

4. 저장 한 다음 양식을 게시 합니다.

서식 있는 텍스트 편집기 사용에 대한 모범 사례

서식 있는 텍스트 편집기를 사용할 때 다음 사항을 고려하십시오.

• HTML 콘텐츠 크기가 1MB 이하일 때 최상의 성능을 얻을 수 있습니다. HTML 콘텐츠 크기가 1MB를 초과하면 콘텐츠 로드 및 편집에 대한 응답 시간이 느려질 수 있습니다. 기본적으로 이미지 콘텐츠는 콘텐츠 HTML에서 참조되지만, HTML 콘텐츠의 일부로 저장되지 않기 때문에 기본 구성의 이미지는 성능에 부정적인 영향을 주지 않습니다.

• 서식 있는 텍스트 필드에는 사용자가 입력한 데이터와 함께 형식 지정에 필요한 HTML 태그가 저장됩니다. 필드의 최대 크기를 설정할 때 HTML 태그와 사용자가 입력한 데이터 모두에 충분한 크기를 할당해야 합니다.

• 기본적으로 서식 있는 텍스트 편집기는 이미지를 Azure Blob Storage 저장소에 업로드하며 필드의 일부로 저장하지 않습니다. 제출자에게 msdyn_richtextfiles 엔티티에 대한 권한이 없을 때 이미지는 base64와 동일한 필드에 저장됩니다. Base64 콘텐츠는 크기 때문에 일반적으로 이미지를 base64로 저장하고 싶지 않습니다.

서식 있는 텍스트 편집기에 구성을 적용하는 방법

서식 있는 텍스트 편집기의 경험과 기능은 구성을 통해 제어됩니다. rich text editor 컨트롤의 기본 구성에는 일반적인 서식 있는 텍스트 요구 사항을 충족하기 위한 속성과 값이 있지만 조정할 수 있습니다. 구성 속성 및 값은 특정 rich text editor 컨트롤 인스턴스에 적용할 수 있습니다. 각 서식 있는 텍스트 편집기 인스턴스에 적용할 수 있는 최대 세 가지 수준의 구성이 있을 수 있습니다. 속성 및 값을 적용하는 데 사용되는 논리는 다음과 같습니다.

1. 편집할 수 없는 전역 구성 파일 RTEGlobalConfiguration_Readonly.json이 로드됩니다.

2. 편집 가능한 전역 구성 파일 RTEGlobalConfiguration.json이 로드됩니다.

   • 이 구성의 속성은 이전 구성 파일의 동일한 명명된 속성을 대체 합니다*.

3. 인스턴스별 구성 파일이 있는 경우 로드됩니다. 인스턴스 수준 구성에 대한 자세한 내용은 고급 구성 을 참조하세요.

   • 이 구성의 속성은 이전 구성 파일 중 하나의 동일한 명명된 속성을 대체 합니다*.

   참고

   병합되는 extraPlugins를 제외한 모든 속성이 대체됩니다. extraPlugins를 병합하면 externalPlugins 및 기본 제공 플러그인을 사용하여 RTEGlobalConfiguration.json에서 광범위한 플러그인을 사용할 수 있습니다. 그런 다음 인스턴스별 구성의 extraPlugins 값에 추가하여 필요한 플러그인만 활성화할 수 있습니다.

서식 있는 텍스트 사용 열에는 읽기 전용 또는 사용 안 함 상태로 구성할 수 있는 제한된 구성 집합이 있습니다. "readOnlySettings" 속성 설명에서 이 구성에 대해 자세히 알아볼 수 있습니다.

서식 있는 텍스트 편집기 속성

JSON 파일은 이름 및 값 쌍으로 설정된 속성으로 구성됩니다. 구성에는 defaultSupportedProps 섹션과 다양한 기능을 제공하는 개별 구성 설정의 두 가지 유형이 있습니다.

defaultSupportedProps은 플러그 인의 속성 집합이며 모든 CKEditor 구성에 대한 지원을 포함합니다. 추가 정보: 서식 있는 텍스트 편집기 구성 파일의 시각화. defaultSupportedProps는 CKEditor에서 문서화한 플러그인 속성에만 국한되지 않고 추가하거나 생성하는 더 많은 플러그인에 대한 속성을 설정할 수도 있습니다. CKEditor 플러그 인에 대한 추가 정보: 사용 가능한 플러그 인

개별 구성 설정을 사용하여 편집기의 동작 및 기능을 변경할 수 있습니다.

서식 있는 텍스트 편집기 구성 파일의 시각화

다음 두 이미지는 두 가지 구성 섹션을 시각적으로 식별합니다. 전체 구성 파일은 조직 전체 변경에 기본 웹 리소스 사용을 참조하세요.

defaultSupportedProps

추가 정보: defaultSupportedProps

개별 구성 설정

추가 정보: 개별 구성 설정

defaultSupportedProps

이 속성에서 모든 CKEditor 지원 속성을 구성할 수 있습니다. 일반적으로 사용되는 몇 가지 사용자 지정 구성이 아래에 설명되어 있습니다. CKEditor 구성에 대한 전체 문서는 CKEditor.config를 참조하세요. 서식 있는 텍스트 편집기는 현재 CKEditor 버전 4.17.1을 사용합니다.

"stickyStyle": {
   "font-size": "9pt",
   "font-family": "'Segoe UI','Helvetica Neue',sans-serif"
},
"stickyStyles_defaultTag": "div"

"toolbar": [
  [ "CopyFormatting" ],
  [ "Font" ],
  [ "FontSize" ],
  [ "Bold" ],
  [ "Italic" ],
  [ "Underline" ],
  [ "BGColor" ],
  [ "TextColor" ],
  [ "BulletedList" ],
  [ "NumberedList" ],
  [ "Outdent" ],
  [ "Indent" ],
  [ "Blockquote" ],
  [ "JustifyLeft" ],
  [ "JustifyCenter" ],
  [ "JustifyRight" ],
  [ "Link" ],
  [ "Unlink" ],
  [ "Subscript" ],
  [ "Superscript" ],
  [ "Strike" ],
  [ "Image" ],
  [ "BidiLtr" ],
  [ "BidiRtl" ],
  [ "Undo" ],
  [ "Redo" ],
  [ "RemoveFormat" ],
  [ "Table" ]
]

개별 구성 설정

편집기 작동 방식에 영향을 주는 기타 구성 설정을 구성할 수 있습니다.

 "attachmentEntity": {
   "name": "<<name of the image table>>",
   "fileAttributeName": "<<attribute name of the blob reference>>"
}

"attachmentEntity": {
  "name": "msdyn_mystorageforcustomizedsecurity",
  "fileAttributeName": "msdyn_customfilestorage"
}

"attachmentEntity": {
  "name": "msdyn_richtextfiles",
  "fileAttributeName": "msdyn_fileblob"
}

"externalPlugins": [
    {
      "name": "<<Plugin Name>>",
      "path": "<<Plugin’s folder path>>”
    }
  ]

"externalPlugins": [
  {
    "name": "EmbedMedia",
    "path": "/WebResources/msdyncrm_/myplugins/embedmedia/"
  }
]

 "imageEntity": {
   "imageEntityName": "<<name of the image table>>",
   "imageFileAttributeName": "<<attribute name of the blob reference>>"
}

"imageEntity": {
  "imageEntityName": "msdyn_mystorageforcustomizedsecurity",
  "imageFileAttributeName": "msdyn_customimagestorage"
}

"imageEntity": {
  "imageEntityName": "msdyn_richtextfiles",
  "imageFileAttributeName": "msdyn_imageblob"
}

"readOnlySettings": {
  "height:": 500,
  "showFullScreenExpander": true
}

"readOnlySettings": {
}

 "sanitizerAllowlist": {
   "attributes": ["data-id-wrapper"],
   "cssProperties": ["filter","list-style-type"],
   "domains": ["([a-z0-9]+[.])*.youtube.com","www.randomsite.com"],
   "protocols": ["file","ftp"],
   "tags": ["input"]
}

"sanitizerAllowlist": {
  "attributes": [],
  "cssProperties": [],
  "domains": [],
  "protocols": [],
  "tags": []
}

일반적으로 사용되는 서식 있는 텍스트 편집기 구성

다음은 서식 있는 텍스트 편집기의 일반적인 구성입니다. 이러한 샘플 구성을 사용하여 특정 유형의 서식 있는 텍스트 환경을 활성화할 수 있습니다. 각 샘플에 대해 JSON 웹 리소스를 생성하거나 기본 웹 리소스 구성을 수정합니다. 추가 정보: rich text editor 컨트롤을 위한 고급 구성 만들기 및 사용 및 조직 전체 변경에 기본 웹 리소스 사용

기본 글꼴을 글꼴 크기가 11pt인 Calibri로 설정합니다.

Microsoft Windows 기본값과 일치하도록 기본 글꼴과 크기를 설정합니다. 이 예는 경험에서 이 변경 사항을 구현하는 데 사용하는 설정을 보여줍니다.

구성 파일에서 이러한 defaultSupportedProps 속성을 설정합니다. 마지막 값이 아니면 모든 값 뒤에 , (comma)이 있어야 합니다(추가 정보: defaultSupportedProps)

   "font_defaultLabel": "Calibri"
   
   "fontSize_defaultLabel": "11"
   
   "stickyStyle": {
     "font-size": "11pt",
     "font-family": "Calibri/Calibri, Helvetica, sans-serif;"
   }

줄 바꿈 만들기(Enter 키) <p> 대신 <br> 만들기

Enter 키의 기본 동작은 <p> HTML 태그가 있는 단락 블록을 생성합니다(붙여넣은 내용을 해석할 때도 사용됨). 단락 블록은 HTML에서 정보를 그룹화하는 데 사용됩니다. 경우에 따라 Microsoft Word 또는 다른 콘텐츠 편집기에서 정보를 새로 만들거나 붙여넣을 때 각 브라우저가 단락 블록 태그(<p>)의 서식을 약간 다르게 해석하는 방식으로 인해 단락 블록 대신 <br> HTML 태그를 사용하는 것이 좋습니다. 경우에 따라 <br> HTML 태그의 세로 간격이 다양한 브라우저와 환경에서 시각적으로 더 일관될 수 있습니다. 이 예는 <p>에서 <br>로 변경하는 방법을 보여줍니다.

구성 파일에서 이 defaultSupportedProps 속성을 설정합니다. 마지막 값이 아니면 모든 값 뒤에 , (comma)이 있어야 합니다(추가 정보: defaultSupportedProps)

   "enterMode": 2

붙여넣거나 만든 모든 콘텐츠는 HTML 5를 준수합니다

rich text editor 컨트롤은 HTML 5 콘텐츠에서 가장 잘 작동하지만 HTML 4 태그와 서식도 성공적으로 사용할 수 있습니다. 경우에 따라 HTML 4와 HTML 5 태그를 함께 사용하면 글꼴과 크기를 선택하고 설정할 때 사용성 문제가 발생할 수 있습니다. "allowedContent"를 사용하면 모든 콘텐츠가 HTML 5임을 확인할 수 있습니다. 이 예에서는 지원되는 모든 HTML 5 태그를 허용합니다. 비준수 태그는 HTML 5에 해당하는 태그로 변환됩니다.

구성 파일에서 이 defaultSupportedProps 속성을 설정합니다. 마지막 값이 아니면 모든 값 뒤에 , (comma)이 있어야 합니다(추가 정보: defaultSupportedProps)

   "allowedContent": "a(*)[*]{*};abbr(*)[*]{*};address(*)[*]{*};area(*)[*]{*};article(*)[*]{*};aside(*)[*]{*};audio(*)[*]{*};b(*)[*]{*};base(*)[*]{*};bdi(*)[*]{*};bdo(*)[*]{*};blockquote(*)[*]{*};body(*)[*]{*};br(*)[*]{*};button(*)[*]{*};canvas(*)[*]{*};caption(*)[*]{*};cite(*)[*]{*};code(*)[*]{*};col(*)[*]{*};colgroup(*)[*]{*};data(*)[*]{*};datalist(*)[*]{*};dd(*)[*]{*};del(*)[*]{*};details(*)[*]{*};dfn(*)[*]{*};dialog(*)[*]{*};div(*)[*]{*};dl(*)[*]{*};dt(*)[*]{*};em(*)[*]{*};embed(*)[*]{*};fieldset(*)[*]{*};figcaption(*)[*]{*};figure(*)[*]{*};footer(*)[*]{*};form(*)[*]{*};h2(*)[*]{*};h2(*)[*]{*};h3(*)[*]{*};h4(*)[*]{*};h5(*)[*]{*};h6(*)[*]{*};head(*)[*]{*};header(*)[*]{*};hr(*)[*]{*};html(*)[*]{*};i(*)[*]{*};iframe(*)[*]{*};img(*)[*]{*};input(*)[*]{*};ins(*)[*]{*};kbd(*)[*]{*};label(*)[*]{*};legend(*)[*]{*};li(*)[*]{*};link(*)[*]{*};main(*)[*]{*};map(*)[*]{*};mark(*)[*]{*};meta(*)[*]{*};meter(*)[*]{*};nav(*)[*]{*};noscript(*)[*]{*};object(*)[*]{*};ol(*)[*]{*};optgroup(*)[*]{*};option(*)[*]{*};output(*)[*]{*};p(*)[*]{*};param(*)[*]{*};picture(*)[*]{*};pre(*)[*]{*};progress(*)[*]{*};q(*)[*]{*};rp(*)[*]{*};rt(*)[*]{*};ruby(*)[*]{*};s(*)[*]{*};samp(*)[*]{*};section(*)[*]{*};select(*)[*]{*};small(*)[*]{*};source(*)[*]{*};span(*)[*]{*};strong(*)[*]{*};style(*)[*]{*};sub(*)[*]{*};summary(*)[*]{*};sup(*)[*]{*};svg(*)[*]{*};table(*)[*]{*};tbody(*)[*]{*};td(*)[*]{*};template(*)[*]{*};textarea(*)[*]{*};tfoot(*)[*]{*};th(*)[*]{*};thead(*)[*]{*};time(*)[*]{*};title(*)[*]{*};tr(*)[*]{*};track(*)[*]{*};u(*)[*]{*};ul(*)[*]{*};var(*)[*]{*};video(*)[*]{*};wbr(*)[*]{*};"

더 많은 샘플 서식 있는 텍스트 편집기 구성

전체 화면 확장기 추가

구성 파일에서 이러한 Individual configuration settings 속성을 설정합니다. 마지막 값이 아니면 모든 값 뒤에 , (comma)이 있어야 합니다(추가 정보: 개별 구성 설정)

 "showAsTabControl": true
 
 "showFullScreenExpander": true
 

HTML 원본 보기 탭 추가

구성 파일에서 이러한 Individual configuration settings 속성을 설정합니다. 마지막 값이 아니면 모든 값 뒤에 , (comma)이 있어야 합니다(추가 정보: 개별 구성 설정)

 "showAsTabControl": true
 
 "showHtml": true

글꼴 크기, 굵게, 기울임 꼴, 밑줄 및 강조 표시가 있는 간단한 도구 모음 추가

구성 파일에서 이 defaultSupportedProps 속성을 설정합니다. 마지막 값이 아니면 모든 값 뒤에 , (comma)이 있어야 합니다(추가 정보: defaultSupportedProps)

   "toolbar": [ { "items": [ "FontSize", "Bold", "Italic", "Underline", "BGColor" ] } ]

도구 모음을 제거하여 서식 있는 텍스트 렌더링 표면 만들기

구성 파일에서 이 defaultSupportedProps 속성을 설정합니다. 마지막 값이 아니면 모든 값 뒤에 , (comma)이 있어야 합니다(추가 정보: defaultSupportedProps)

   "toolbar": []

새 글꼴 목록을 추가하고 Brush Script MT를 기본 크기가 20px인 기본 글꼴로 설정합니다

구성 파일에서 이러한 defaultSupportedProps 속성을 설정합니다. 마지막 값이 아니면 모든 값 뒤에 , (comma)이 있어야 합니다(추가 정보: defaultSupportedProps)

   "font_names": "Brush Script MT/'Brush Script MT', cursive;Calibri/Calibri, Helvetica, sans-serif;Calibri Light/'Calibri Light', 'Helvetica Light', sans-serif;"
   
   "font_defaultLabel": "Brush Script MT"
   
   "fontSize_sizes": "8/8px;12/12px;20/20px;32/32px"
   
   "fontSize_defaultLabel": "20"
   
   "stickyStyle": {
     "font-size": "20px",
     "font-family": "'Brush Script MT', cursive"
   }

서식 있는 텍스트 편집기 상단에 도구 모음 배치

구성 파일에서 이 defaultSupportedProps 속성을 설정합니다. 마지막 값이 아니면 모든 값 뒤에 , (comma)이 있어야 합니다(추가 정보: defaultSupportedProps)

   "toolbarLocation": "top"

30픽셀 높이에서 편집기를 시작한 다음 콘텐츠에 맞게 자동 증가

구성 파일에서 이러한 defaultSupportedProps 속성을 설정합니다. 마지막 값이 아니면 모든 값 뒤에 , (comma)이 있어야 합니다(추가 정보: defaultSupportedProps)

   "autoGrow_onStartup": false
   
   "autoGrow_maxHeight": 0
   
   "autoGrow_minHeight": 30
   
   "height": 30

편집기 높이를 500px로 고정

구성 파일에서 이러한 defaultSupportedProps 속성을 설정합니다. 마지막 값이 아니면 모든 값 뒤에 , (comma)이 있어야 합니다(추가 정보: defaultSupportedProps)

   "removePlugins": [ "autogrow" ]
   
   "height": 500

"br" 태그를 제외한 모든 html 태그를 제거하는 일반 텍스트 표면을 만듭니다

구성 파일에서 이러한 defaultSupportedProps 속성을 설정합니다. 마지막 값이 아니면 모든 값 뒤에 , (comma)이 있어야 합니다(추가 정보: defaultSupportedProps)

   "enterMode": 2
   
   "shiftEnterMode": 2
   
   "allowedContent": "*"
   
   "disallowedContent": "*"
   
   "forcePasteAsPlainText": true
   
   "toolbar": []
   
   "removePlugins": "contextmenu,liststyle,openlink,tableresize,tableselection,tabletools"

구성 파일에서 이 Individual configuration settings 속성을 설정합니다. 마지막 값이 아니면 모든 값 뒤에 , (comma)이 있어야 합니다(추가 정보: 개별 구성 설정)

 "disableImages": true

마우스 오른쪽 버튼을 클릭하면 기본 브라우저의 맞춤법 검사가 작동하도록 컨텍스트 메뉴를 제거합니다

이 기능을 활성화하면 상황별 오른쪽 클릭 편집 기능이 제거됩니다.

구성 파일에서 이 defaultSupportedProps 속성을 설정합니다. 마지막 값이 아니면 모든 값 뒤에 , (comma)이 있어야 합니다(추가 정보: defaultSupportedProps)

   "removePlugins": "contextmenu,liststyle,openlink,tableresize,tableselection,tabletools"

조직 전체 변경에 기본 웹 리소스 사용

기본 RTE 웹 리소스는 표시 이름 RTEGlobalConfiguration.json에서 사용할 수 있습니다. 이 구성은 RTE 제어의 모든 인스턴스에 사용되며 조직 전체를 변경하는 데 사용할 수 있습니다. 여기에는 시간 표시줄 서식 있는 텍스트 노트, 참조 자료 관리, RTE 컨트롤을 사용하도록 구성된 단일 및 다중 라인 필드에 사용되는 RTE가 포함됩니다.

{
    "defaultSupportedProps": {
        "allowedIframeDomains": [],
        "autoGrow_onStartup": true,
        "basicEntities": true,
        "browserContextMenuOnCtrl": true,
        "copyFormatting_allowRules": true,
        "customConfig": "",
        "dialog_backgroundCoverColor": "black",
        "disableNativeSpellChecker": false,
        "enterMode": 3,
        "extraPlugins": "accessibilityhelp,autogrow,autolink,basicstyles,bidi,blockquote,button,collapser,colorbutton,colordialog,confighelper,contextmenu,copyformatting,dialog,editorplaceholder,filetools,find,floatpanel,font,iframerestrictor,indentblock,justify,panel,panelbutton,pastefromword,quicktable,selectall,stickystyles,superimage,tableresize,tableselection,tabletools",
        "fillEmptyBlocks": true,
        "font_defaultLabel": "Segoe UI",
        "font_names": "Angsana New/'Angsana New', 'Leelawadee UI', Sathu, serif;Arial/Arial, Helvetica, sans-serif;Arial Black/'Arial Black', Arial, sans-serif;Calibri Light/'Calibri Light', 'Helvetica Light', sans-serif;Calibri/Calibri, Helvetica, sans-serif;Cambria/Cambria, Georgia, serif;Candara/Candara, Optima, sans-serif;Century Gothic/'Century Gothic', sans-serif;Comic Sans MS/'Comic Sans MS';Consolas/Consolas, Courier, monospace;Constantia/Constantia, 'Hoefler Text', serif;Corbel/Corbel, Skia, sans-serif;Cordia New/'Cordia New', 'Leelawadee UI', Silom, sans-serif;Courier New/'Courier New';DaunPenh/DaunPenh, 'Leelawadee UI', 'Khmer MN', sans-serif;Franklin Gothic Book/'Franklin Gothic Book', 'Avenir Next Condensed', sans-serif;Franklin Gothic Demi/'Franklin Gothic Demi', 'Avenir Next Condensed Demi Bold', sans-serif;Franklin Gothic Medium/'Franklin Gothic Medium', 'Avenir Next Condensed Medium', sans-serif;Garamond/Garamond, Georgia, serif;Gautami/Gautami, 'Nirmala UI', 'Telugu MN', sans-serif;Georgia/Georgia, serif;Impact/Impact, Charcoal, sans-serif;Iskoola Pota/'Iskoola Pota', 'Nirmala UI', 'Sinhala MN', sans-serif;Kalinga/Kalinga, 'Nirmala UI', 'Oriya MN', sans-serif;Kartika/Kartika, 'Nirmala UI', 'Malayalam MN', sans-serif;Latha/Latha, 'Nirmala UI', 'Tamil MN', sans-serif;Leelawadee UI/'Leelawadee UI', Thonburi, sans-serif;Lucida Console/'Lucida Console', Monaco, monospace;Lucida Handwriting/'Lucida Handwriting', 'Apple Chancery', cursive;Lucida Sans Unicode/'Lucida Sans Unicode';Mangal/Mangal, 'Nirmala UI', 'Devanagari Sangam MN', sans-serif;Nirmala UI/'Nirmala UI', sans-serif;Nyala/Nyala, Kefa, sans-serif;Palatino Linotype/'Palatino Linotype', 'Book Antiqua', Palatino, serif;Raavi/Raavi, 'Nirmala UI', 'Gurmukhi MN', sans-serif;Segoe UI/'Segoe UI', 'Helvetica Neue', sans-serif;Shruti/Shruti, 'Nirmala UI', 'Gujarati Sangam MN', sans-serif;Sitka Heading/'Sitka Heading', Cochin, serif;Sitka Text/'Sitka Text', Cochin, serif;Sylfaen/Sylfaen, Mshtakan, Menlo, serif;TW Cen MT/'TW Cen MT', 'Century Gothic', sans-serif;Tahoma/Tahoma, Geneva, sans-serif;Times New Roman/'Times New Roman', Times, serif;Times/Times, 'Times New Roman', serif;Trebuchet MS/'Trebuchet MS';Tunga/Tunga, 'Nirmala UI', 'Kannada MN', sans-serif;Verdana/Verdana, Geneva, sans-serif;Vrinda/Vrinda, 'Nirmala UI', 'Bangla MN', sans-serif;メイリオ/Meiryo, メイリオ, 'Hiragino Sans', sans-serif;仿宋/FangSong, 仿宋, STFangsong, serif;微軟正黑體/'Microsoft JhengHei', 微軟正黑體, 'Apple LiGothic', sans-serif;微软雅黑/'Microsoft YaHei', 微软雅黑, STHeiti, sans-serif;新宋体/NSimSun, 新宋体, SimSun, 宋体, SimSun-ExtB, 宋体-ExtB, STSong, serif;新細明體/PMingLiU, 新細明體, PMingLiU-ExtB, 新細明體-ExtB, 'Apple LiSung', serif;楷体/KaiTi, 楷体, STKaiti, serif;標楷體/DFKai-SB, 標楷體, BiauKai, serif;游ゴシック/'Yu Gothic', 游ゴシック, YuGothic, sans-serif;游明朝/'Yu Mincho', 游明朝, YuMincho, serif;隶书/SimLi, 隶书, 'Baoli SC', serif;黑体/SimHei, 黑体, STHeiti, sans-serif;굴림/Gulim, 굴림, 'Nanum Gothic', sans-serif;궁서/Gungsuh, 궁서, GungSeo, serif;돋움/Dotum, 돋움, AppleGothic, sans-serif;맑은 고딕/'Malgun Gothic', '맑은 고딕', AppleGothic, sans-serif;바탕/Batang, 바탕, AppleMyungjo, serif;바탕체/BatangChe, 바탕체, AppleMyungjo, serif;ＭＳ Ｐゴシック/'MS PGothic', 'ＭＳ Ｐゴシック', 'MS Gothic', 'ＭＳ ゴシック', 'Hiragino Kaku Gothic ProN', sans-serif;ＭＳ Ｐ明朝/'MS PMincho', 'ＭＳ Ｐ明朝', 'MS Mincho', 'ＭＳ 明朝', 'Hiragino Mincho ProN', serif",
        "fontSize_defaultLabel": "9",
        "fontSize_sizes": "8/8pt;9/9pt;10/10pt;11/11pt;12/12pt;14/14pt;16/16pt;18/18pt;20/20pt;22/22pt;24/24pt;26/26pt;28/28pt;36/36pt;48/48pt;72/72pt;",
        "height": 185,
        "keystrokes": [],
        "linkDefaultProtocol": "https://",
        "listStylePosition": "inside",
        "pasteAzureBlobImageAsBase64": false,
        "qtCellBorderColor": "rgb(171, 171, 171)",
        "qtCellBorderStyle": "solid",
        "qtCellBorderWidth": "1px",
        "qtCellPadding": "1",
        "qtCellSpacing": "0",
        "qtCellWith": "120px",
        "pasteFilter": null,
        "qtColumns": 8,
        "qtRows": 6,
        "qtStyle": {
            "border-collapse": "collapse",
            "font-size": "9pt"
        },
        "removeDialogTabs": "flash:Upload;link:upload",
        "removePlugins": "a11yhelp,codemirror,magicline,scayt,showborders",
        "skin": "superowa",
        "stickyStyle": {
            "font-size": "9pt",
            "font-family": "'Segoe UI','Helvetica Neue',sans-serif"
        },
        "stickyStyles_defaultTag": "div",
        "superimageImageMaxSize": 5,
        "toolbarcollapser_enableResizer": true,
        "toolbarLocation": "bottom",
        "uploadRecordId": []
    },
    "attachmentEntity": {
        "name": "msdyn_richtextfiles",
        "fileAttributeName": "msdyn_fileblob"
    },
    "disableContentSanitization": true,
    "disableDefaultImageProcessing": false,
    "disableImages": false,
    "imageEntity": {
        "imageEntityName": "msdyn_richtextfiles",
        "imageFileAttributeName": "msdyn_imageblob"
    },
    "readOnlySettings": {
    },
    "sanitizerAllowlist": {
        "attributes": [],
        "cssProperties": [],
        "domains": [],
        "protocols": [],
        "tags": []
    },
    "showAsTabControl": false,
    "showFullScreenExpander": false,
    "showHtml": false,
    "showPreview": false,
    "showPreviewHeaderWarning": false
}

서식 있는 텍스트 편집기 구성에 대한 현재 설정 찾기

1. Microsoft Edge 또는 Google Chrome 웹 브라우저에서 모델 기반 앱을 실행하고 거래처 행과 같은 rich text editor 컨트롤이 있는 양식을 엽니다.

2. Ctrl 키를 누른 상태에서 서식 있는 텍스트 편집기 제어 영역을 클릭한 다음 검사 를 선택합니다.

3. 검사 창에서 콘솔 탭을 클릭한 다음 명령 모음의 드롭 다운 목록 상자에서 부모 Main.aspx 페이지를 선택합니다.

   

4. 검사 창 명령 모음에서 콘솔 지우기 를 선택합니다.

   

5. 검사 창 콘솔에서 CKEDITOR.config. 을 입력하여 다른 구성을 표시합니다.

   

6. autoGrow_minHeight 와 같은 구성을 선택하여 현재 설정을 표시합니다.

서식 있는 텍스트 편집기 도구 모음 사용

서식 있는 텍스트 편집기 도구 모음은 메모 및 이메일에서 서식 있는 텍스트 형식으로 작업할 수 있는 기능을 제공합니다.

서식 지정 옵션

다음 테이블에서는 사용할 수 있는 서식 있는 텍스트 편집기에서 사용할 수 있는 다양한 형식 지정 기능 및 기능 옵션을 설명합니다.

아이콘	이름	바로 가기 키	설명
	서식 복사	Ctrl+Shift+C, Ctrl+Shift+V	특정 섹션의 모양을 다른 섹션에 적용합니다.
	글꼴	Ctrl+Shift+F	글꼴을 선택합니다. 애플리케이션은 선택한 글꼴을 기본 글꼴로 간주합니다. 아무 것도 선택하지 않으면 Segoe UI가 기본 글꼴입니다. 참고: 서식이 지정된 콘텐츠를 선택하면 해당 콘텐츠의 글꼴 이름이 표시됩니다. 선택 항목에 여러 글꼴이 포함된 경우 선택 항목의 최상위 글꼴 이름이 표시됩니다.
	글꼴 size	Ctrl+Shift+P	텍스트의 크기를 변경합니다. 애플리케이션은 선택한 글꼴 크기를 기본 글꼴 크기로 간주합니다. 아무 것도 선택하지 않으면 12가 기본 글꼴 크기입니다. 참고: 서식이 지정된 콘텐츠를 선택하면 해당 콘텐츠의 글꼴 크기가 표시됩니다. 선택 항목에 여러 글꼴 크기가 포함된 경우 선택 항목의 최상위 글꼴 이름이 표시됩니다.
	굵게	Ctrl+B	텍스트를 굵게 표시합니다.
	Normal	Ctrl+I	텍스트를 기울임꼴로 표시합니다.
	밑줄	Ctrl+U	텍스트에 밑줄을 긋습니다.
	텍스트 강조 색		밝은 색상으로 강조 표시하여 텍스트를 두드러지게 만듭니다.
	글꼴 색		텍스트의 색상을 변경합니다.
	첨부		파일 첨부. 파일을 업로드한 후 링크를 선택하여 첨부파일 미리 보기 대화 상자에서 파일을 미리 볼 수 있습니다.
	글머리 기호		글 머리 기호 목록을 만듭니다.
	번호 매기기		번호 매기기 목록을 만듭니다.
	내어쓰기		단락을 여백에 가깝게 이동합니다.
	들여쓰기		단락을 여백에서 더 멀리 이동합니다.
	블록 따옴표		콘텐츠에 블록 수준 따옴표 형식을 적용합니다.
	왼쪽 맞춤	Ctrl+L	콘텐츠를 왼쪽 여백에 맞춥니다. (읽기 쉽도록 본문에 일반적으로 사용됩니다.)
	가운데 맞춤	Ctrl+E	콘텐츠를 페이지 중앙에 배치합니다. (공식적인 표시에 일반적으로 사용됩니다.)
	오른쪽 맞춤	Ctrl+R	콘텐츠를 오른쪽 여백에 맞춥니다. (공식적인 표시에 일반적으로 사용됩니다.)
	연결		웹 페이지 및 파일에 빠르게 액세스할 수 있도록 문서에 링크를 만듭니다. 붙여 넣거나 입력한 URL 텍스트는 링크로 변환됩니다. 예를 들어 "http://myexample.com"은 "http://myexample.com"이 됩니다. 링크 대화 상자에서 삽입하려면 링크의 유형을 선택합니다. 링크 정보 탭을 사용하면 링크 유형을 선택하고 링크 프로토콜 및 URL을 설정할 수 있습니다. 대상 탭은 URL 링크 유형에만 사용할 수 있습니다. 링크를 선택한 후 링크가 열리는 위치를 지정합니다.
	연결 해제		전자 메일 또는 문서에서 링크를 삭제합니다. 링크에 커서를 올려 놓으면 도구 모음에 연결 끊기 단추가 활성화됩니다. 단추를 선택하여 링크를 제거하고 일반 텍스트로 만듭니다.
	위 첨자		텍스트 줄 바로 위에 작은 글자를 입력합니다.
	아래 첨자		텍스트 줄 바로 아래에 작은 글자를 입력합니다.
	취소선		텍스트에 선을 그어 취소합니다.
	이미지 삽입		편집기에서 이미지를 직접 복사하여 인라인으로 붙여 넣거나 데스크탑 또는 로컬 폴더에서 편집기로 직접 끌어다 놓거나 URL을 입력하여 이미지를 삽입할 수 있습니다. .PNG, .JPG. 또는 .GIF 이미지 형식이 지원됩니다. 문서에 이미지를 인라인으로 삽입하려면: 1. 이미지를 끌어서 놓거나 문서에 직접 복사하여 붙여 넣습니다. 2. 이미지의 모서리를 끌어 크기를 조정합니다. URL을 사용하거나 로컬 이미지로 이동하여 이미지를 삽입하려면: 1. 이미지 삽입을 선택합니다. 2. 이미지 속성 대화 상자에서 다음 옵션을 선택합니다. 찾아보기 를 선택하여 컴퓨터의 이미지로 이동합니다. 또는 이미지의 웹 주소를 지정하고 이메일이나 문서에 이미지가 나타나는 방법을 정의할 속성을 지정합니다. 참고: 이미지가 외부 서버에 있는 경우 전체 절대 경로를 사용합니다. 이미지가 로컬 서버에 있는 경우 상대 경로를 사용할 수 있습니다. 이미지를 대상에 연결하려면 이미지의 URL을 추가하십시오. 대상 페이지를 새 창, 맨 위에 있는 창, 같은 창 또는 상위 창에서 열리도록 할지 여부를 지정할 수도 있습니다.
	왼쪽에서 오른쪽		단락, 머리글, 표 또는 목록과 같은 콘텐츠의 텍스트를 왼쪽에서 오른쪽으로 변경합니다. 양방향 언어 콘텐츠에 일반적으로 사용됩니다. 이것이 기본 설정입니다.
	오른쪽에서 왼쪽		단락, 머리글, 표 또는 목록과 같은 콘텐츠의 텍스트를 오른쪽에서 왼쪽으로 변경합니다. 양방향 언어 콘텐츠에 일반적으로 사용됩니다. 기본 설정은 왼쪽에서 오른쪽입니다.
	입력 취소		콘텐츠 변경을 취소합니다.
	다시 입력		콘텐츠 변경을 다시 실행합니다.
	모든 서식 지우기		서식이 지정되지 않은 일반 텍스트는 그대로 두고 선택된 텍스트에서 모든 서식을 제거합니다.
	테이블 추가		콘텐츠에 테이블을 추가합니다. 테이블을 추가한 후 다음 중 하나를 수행할 수 있습니다. 마우스를 클릭하고 끌어서 표 열의 크기를 조정하여 원하는 너비로 열의 크기를 조정하십시오. 테이블에서 하나 이상의 셀을 선택하고 특정 서식을 적용하거나 선택 항목에 링크를 추가하거나 전체 행 또는 열을 잘라내거나 복사하거나 붙여 넣습니다. 마우스 오른쪽 버튼으로 클릭하여 속성에 액세스합니다. 셀 유형, 너비 및 높이, 단어 줄 바꿈, 맞춤, 셀을 가로 및 세로로 병합 및 분할, 행 및 열 삽입 또는 삭제, 행 및 열 범위, 셀 및 테두리 색상과 같은 기능을 지원합니다.
	접근성 도움말	Alt+0	rich text editor 컨트롤을 사용할 때 사용할 수 있는 액세스 가능성 바로 가기 목록을 표시합니다.
	도구 모음 확장		도구 모음이 축소되어 모든 옵션이 나타나지 않을 때 표시됩니다. 도구 모음을 확장하고 모든 옵션을 표시하려면 선택합니다.

팁

Ctrl + 오른쪽 클릭을 선택하여 브라우저의 컨텍스트 메뉴에 액세스할 수 있습니다. 이것은 브라우저에 내장된 맞춤법 검사기를 사용해야 하는 경우 유용합니다. 그렇지 않으면 마우스 오른쪽 버튼을 클릭하여 사용 중인 요소에 대한 상황별 서식을 제공할 수 있습니다.

또한 브라우저에 내장된 맞춤법 검사기의 대안은 Microsoft Editor 브라우저 확장입니다. Microsoft Editor는 서식 있는 텍스트 편집기 컨트롤과 원활하게 작동하며 활성화된 경우 빠르고 쉬운 인라인 문법 및 맞춤법 검사 기능을 제공합니다.

내게 필요한 옵션 바로 가기

다음 테이블에서는 rich text editor 컨트롤을 사용할 때 사용할 수 있는 접근성 바로 가기 목록을 간략하게 설명합니다. Alt+0 키를 눌러 콘텐츠를 작성하는 동안 이 목록에 액세스할 수 있습니다.

오프라인 경험

기본 구성으로 오프라인으로 작업할 때 rich text editor 컨트롤을 사용할 수 있습니다. 다음은 오프라인 작업 시 지원되는 플러그인 및 서식 옵션 목록입니다. 웹 리소스 파일을 통해 추가된 모든 구성은 오프라인 상태에서는 사용할 수 없습니다.

오프라인에서 사용할 수 있는 플러그 인

오프라인 상태에서 서식 있는 텍스트 편집기에서 다음 플러그 인을 사용할 수 있습니다.

ajax,autogrow,basicstyles,bidi,blockquote,button,confighelper,contextmenu,dialog,dialogui,editorplaceholder,enterkey,entities,fakeobjects,floatingspace,floatpanel,format,horizontalrule,htmlwriter,indent,indentblock,indentlist,justify,lineutils,list,listblock,maximize,menu,menubutton,notification,notificationaggregator,panel,panelbutton,popup,preview,removeformat,resize,richcombo,selectall,showborders,sourcearea,specialchar,stylescombo,tab,textmatch,textwatcher,toolbar,undo,widgetselection,wysiwygarea,xml

오프라인용 서식 옵션

다음 테이블에서는 오프라인일 때 서식 있는 텍스트 편집기에서 사용할 수 있는 다양한 형식 지정 기능 및 기능 옵션을 설명합니다.

아이콘	이름	바로 가기 키	설명
	굵게	Ctrl+B	텍스트를 굵게 표시합니다.
	이탤릭체	Ctrl+I	텍스트를 기울임꼴로 표시합니다.
	밑줄	Ctrl+U	텍스트에 밑줄을 긋습니다.
	글머리 기호		글 머리 기호 목록을 만듭니다.
	번호 매기기		번호 매기기 목록을 만듭니다.
	내어쓰기		단락을 여백에 가깝게 이동합니다.
	들여쓰기		단락을 여백에서 더 멀리 이동합니다.
	블록 따옴표		콘텐츠에 블록 수준 따옴표 형식을 적용합니다.
	왼쪽 맞춤	Ctrl+L	콘텐츠를 왼쪽 여백에 맞춥니다. (읽기 쉽도록 본문에 일반적으로 사용됩니다.)
	가운데 맞춤	Ctrl+E	콘텐츠를 페이지 중앙에 배치합니다. (공식적인 표시에 일반적으로 사용됩니다.)
	오른쪽 맞춤	Ctrl+R	콘텐츠를 오른쪽 여백에 맞춥니다. (공식적인 표시에 일반적으로 사용됩니다.)
	취소선		텍스트에 선을 그어 취소합니다.
	왼쪽에서 오른쪽		단락, 머리글, 표 또는 목록과 같은 콘텐츠의 텍스트를 왼쪽에서 오른쪽으로 변경합니다. 양방향 언어 콘텐츠에 일반적으로 사용됩니다. 이것이 기본 설정입니다.
	오른쪽에서 왼쪽		단락, 머리글, 표 또는 목록과 같은 콘텐츠의 텍스트를 오른쪽에서 왼쪽으로 변경합니다. 양방향 언어 콘텐츠에 일반적으로 사용됩니다. 기본 설정은 왼쪽에서 오른쪽입니다.
	입력 취소		콘텐츠 변경을 취소합니다.
	다시 입력		콘텐츠 변경을 다시 실행합니다.
	모든 서식 지우기		서식이 지정되지 않은 일반 텍스트는 그대로 두고 선택된 텍스트에서 모든 서식을 제거합니다.

자주 묻는 질문

Q: 입력한 문자가 느리게 표시되는 이유는 무엇인가요?

A. 콘텐츠 크기가 크면 대기 시간이 발생할 수 있습니다. 추가 정보: 서식 있는 텍스트 편집기 사용에 대한 모범 사례. 맞춤법 또는 문법 검사는 입력 성능을 저하시킬 수도 있습니다.

알려진 문제

• HTML 마크업은 서식이 RichText로 설정되지 않은 양식의 열 이외의 구성 요소에 표시되는 rich text editor 컨트롤을 사용하도록 구성된 열에 대해 표시됩니다. 예를 들어 보기, 하위 그리드, 페이지가 매겨진 보고서 및 Power Pages에서 나타납니다.

참조 항목

Power Apps 포털을 사용하여 Microsoft Dataverse용 열 만들기 및 편집

참고

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

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