레코드에서 서식 있는 텍스트 영역 필드 편집

서식 있는 텍스트 영역 필드에서 서식 있는 텍스트 편집기를 사용하여 콘텐츠에 서식을 지정합니다. Lightning Experience 및 Salesforce 모바일 앱의 사용자 지정 필드용 서식 있는 텍스트 편집기는 Salesforce Classic의 서식 있는 텍스트 편집기와 비교해 약간의 차이가 있습니다.

Lightning Experience 및 Salesforce 모바일 앱에서 사용자 정의 필드의 서식 있는 텍스트 편집기가 오픈 소스 Quill 라이브러리를 사용합니다. Salesforce Classic에서는 사용자 정의 필드의 서식 있는 텍스트 편집기가 CKEditor를 사용합니다. Lightning Experience에서 Salesforce Knowledge 및 이메일도 CKEditor를 사용합니다.

사용자 정의 필드의 서식 있는 텍스트 편집기 도구 모음 버튼	Lightning Experience 및 Salesforce 모바일 앱의 경우	Salesforce Classic의 경우
색
서식 글꼴(굵게, 기울임꼴, 밑줄, 취소선)
서식 본문(글머리 기호가 지정된 목록, 번호가 있는 목록, 들여쓰기 및 내어쓰기)
텍스트 정렬(왼쪽 정렬, 가운데 정렬 및 오른쪽 정렬)
링크 삽입
이미지 삽입
서식 제거
마지막 작업 실행 취소 및 다시 실행

노트 내용 서식을 지정할 때 도구 모음을 사용하는 것이 좋습니다. 서식 있는 텍스트 편집기는 WYSIWYG 인터페이스만 제공합니다. HTML 태그는 편집할 수 없습니다. 웹 페이지 또는 다른 소스에서 콘텐츠를 복사해 편집기에 붙여넣는 경우 지원되지 않는 태그가 제거됩니다. 지원되지 않는 태그 안에 들어 있는 텍스트는 일반 텍스트로 유지됩니다. HTML 마크업은 필드의 글자 제한에 포함됩니다. 자세한 내용은 서식 있는 텍스트 영역 필드 고려 사항을 참조하십시오.

Salesforce Classic과 비교하여 Lightning Experience 및 Salesforce 모바일 앱의 서식 있는 텍스트 편집기 전체에 다음과 같은 차이가 있습니다.

Lightning Experience 및 Salesforce 모바일 앱의 경우

• 공백은 비어 있지 않은 값으로 간주됩니다.
• 기본 글꼴 패밀리는 시스템 또는 기기의 기본 산세리프 글꼴입니다.
• Insert Link(링크 삽입) 버튼을 사용하여 기본적으로 _blank 대상 값으로 URL을 입력할 수 있습니다. 이 버튼은 레코드 편집 페이지가 로드되면 비활성화된 상태로 표시되고, 키보드 또는 마우스로 편집기를 활성화하면 활성화됩니다.
• 이미지 삽입 버튼을 사용하면 이미지를 삽입할 수 있습니다. 시스템 파일 선택기만 사용하여 이미지를 업로드할 수 있습니다. 이미지 업로드는 다양한 기능 영역의 서식 있는 텍스트 편집기에서 다를 수 있습니다. 예를 들어, 레코드 페이지의 Chatter 게시자에서 이전에 조직에 업로드된 이미지를 선택할 수도 있습니다.
• Left Align(왼쪽 맞춤) 버튼은 콘텐츠 주위에 <p> 요소를 삽입합니다.
• 내용 서식 실행 취소 및 다시 실행에 키보드 바로 가기를 사용합니다. Windows에서는 Ctrl+Z를 누르면 마지막 작업을 실행 취소하고 Ctrl+Y를 누르면 마지막 실행 취소 작업을 취소합니다. Mac OS의 경우 Cmd+Z 및 Cmd+Y를 사용하십시오. 또는 브라우저에서 편집 메뉴를 사용하여 변경 사항을 실행 취소하거나 재실행할 수 있습니다.

Salesforce Classic의 경우:

• 공백은 비어 있는 값으로 간주됩니다.
• 기본 글꼴 패밀리는 Arial, Verdana, Trebuchet MS, sans-serif입니다.
• Salesforce Classic으로 전환하여 Lightning Experience 또는 Salesforce 모바일 앱에서 서식이 지정된 사용자 정의 필드를 편집할 경우 색 서식이 유지됩니다. Salesforce Classic에서 색상 버튼을 사용할 수 없는 경우에도 마찬가지입니다.
• 링크 삽입 버튼을 사용해 프로토콜과 대상 값을 선택해 URL을 입력할 수 있습니다. Lightning Experience 또는 Salesforce 모바일 앱으로 전환하고 사용자 정의 필드를 편집하는 경우 지원되지 않는 프로토콜 또는 대상 값은 유지되지 않습니다.
• 이미지 삽입 버튼을 사용해 이미지를 업로드하거나 다른 서버에서 호스팅되는 이미지를 참조하여 삽입할 수 있습니다.
• Left Align(왼쪽 맞춤) 버튼은 처음에 콘텐츠 주위에 <p> 요소를 삽입합니다. 왼쪽 정렬 서식을 제거하고 이전에 왼쪽 정렬된 기존 텍스트의 Left Align(왼쪽 정렬) 버튼을 다시 사용하면 추가 <div> 태그가 추가됩니다.

구현 팁

• 필드의 설정에 표시되는 줄 수 속성을 구성하여 서식 있는 텍스트 필드에 대한 편집기 상자의 크기를 지정합니다.
• 내용을 보거나 인쇄할 때 Salesforce에서는 서식 있는 텍스트의 서식 버전을 유지합니다.
• 서식 있는 텍스트 영역 필드가 포함되어 있는 내용을 검색할 때 이미지와 태그는 무시됩니다.
• 서식 있는 텍스트 영역 필드를 삭제하면 해당 필드가 Salesforce Knowledge 기사 유형 또는 사용자 정의 개체의 삭제된 필드 섹션으로 이동됩니다.
• 서식 있는 텍스트 영역 필드는 긴 텍스트 영역 필드로만 변환할 수 있습니다. 다음에 긴 텍스트 영역 필드를 저장하면 모든 이미지가 삭제됩니다. 변환한 후 마크업은 긴 텍스트 영역 필드에 숨겨져 있지만 레코드에서는 제거되지 않으므로 원하는 경우 레코드를 저장하기 전에 마크업을 복원할 수 있습니다.
• 서식 있는 텍스트 영역 필드의 텍스트 부분은 필드를 포함하는 개체에 대한 데이터 저장소에 포함됩니다.

외부 소스에서 내용 붙여넣기

• Microsoft® Word와 같은 외부 소스에서 텍스트를 복사하여 붙여넣을 수 있지만, 서식 지정을 다시 적용해야 할 수 있습니다.
• 외부 소스의 텍스트는 볼 수 없고 필요하지 않은 HTML 태그와 특수 서식을 포함할 수 있으며, 태그는 필드의 글자 제한에 포함됩니다. 먼저 Windows의 Notepad 또는 macOS의 TextEdit와 같은 일반 텍스트 편집기에 텍스트를 붙여넣는 것이 좋습니다. 일반 텍스트 편집기의 텍스트를 복사하고 서식 있는 텍스트 필드에 붙여넣은 다음 서식 있는 텍스트 필드의 버튼을 사용하여 서식을 적용합니다.
• JavaScript 및 CSS는 텍스트로 처리됩니다. 예를 들어, API를 통해 아이디어를 만드는 경우 JavaScript 또는 CSS 코드가 제거되며, 경고가 표시되지 않습니다. Salesforce에서 지원하는 승인된 HTML 태그의 수는 제한됩니다.
• 서식 있는 텍스트 영역 필드가 수식에서 사용된 경우 HTML 태그는 수식이 실행되기 전에 제거됩니다.
• 서식 있는 텍스트 영역 필드를 필터링하고 보고서에 요약할 수 있지만, HTML 태그와 특수 서식은 보고서 결과에 포함되지 않습니다. 예를 들어, <b>some</b> <i>text</i>는 <b>일부</b> <i>텍스트</i> 또는 일부 텍스트 대신 "일부 텍스트"가 됩니다.
• 메일 병합에서 서식 있는 텍스트 영역 필드를 사용할 수 있지만, 결과 문서에 HTML 태그가 결과 문서에 텍스트로 포함되고 이미지는 병합되지 않습니다.

서식 있는 텍스트 영역 필드의 이미지

• 서식 있는 텍스트 영역 필드에 업로드할 수 있는 최대 이미지 크기는 1MB입니다. .gif, .jpg 및 .png 파일 유형만 업로드할 수 있습니다.
• 여러 이미지를 업로드하려면 API 버전 20 이상을 사용하십시오.
  

  노트 API를 통해 이미지를 업로드할 때 별도로 지정하지 않는 한 alt 특성이 채워지지 않습니다.
• 서식 있는 텍스트 영역 필드 내에 업로드된 이미지는 매주 조직에서 내보낼 때 추출되고 내보낸 데이터에 포함됩니다.
• 서식 있는 텍스트 영역 필드 내의 이미지는 필드를 포함하는 개체에 대한 파일 저장소에 포함됩니다.
• 이미지에 하이퍼링크를 추가할 수 없습니다.
• URL 필드에서 file:// 프로토콜을 사용하여 서식 있는 텍스트 영역에 이미지를 업로드할 수 없습니다. 대신 http:, https:, data:, //, / 또는 상대 URL을 사용하십시오.
• Lightning Experience 및 Salesforce 모바일 앱에서 이미지 크기를 조정할 수 없습니다. Chrome 브라우저를 사용할 때 Lightning Knowledge에서는 예외가 적용됩니다.

서식 지원

서식 있는 텍스트 편집기의 장점은 WYSIWYG 인터페이스입니다. 편집기에 입력을 하고 도구 모음을 사용하여 할 수 있는 만큼 콘텐츠를 포맷합니다. 다른 소스의 서식 지정된 콘텐츠를 붙여넣는 경우 Lightning Experience 및 Salesforce 모바일 앱에서 약간의 서식 차이를 발견할 수 있습니다. 주의해야 할 서식 고려 사항은 다음과 같습니다.

경고 Salesforce Classic에서 사용자 지정 서식 있는 텍스트 영역 필드를 추가하고 이를 Lightning Experience에서 편집하는 경우에도 서식에서의 차이를 발견할 수 있습니다. Lightning Experience에서 변경 사항을 저장하면 Salesforce Classic에서 지정한 원래의 서식을 덮어쓰고 반대의 경우도 마찬가지입니다. 또한, 도구 모음을 사용해 일부 서식을 수정하거나 Salesforce Classic로 전환해 편집을 수행할 수 있습니다.

색상

색상 버튼은 Lightning Experience에서만 사용할 수 있습니다. Salesforce Classic에서 서식 있는 텍스트 필드를 편집할 경우 색상 서식이 유지됩니다. Lightning Experience의 서식 있는 텍스트 필드는 색상 형식을 RGB 형식으로 처리하며, 텍스트 주변에 <span style="color: rgb(255, 0, 0);"></span> 태그를 추가합니다. Salesforce Classic의 서식 있는 텍스트 필드는 색상 형식을 16진수 형식으로 처리하며, 텍스트 주변에 <span style="color: #ff0000;"></span> 태그를 추가합니다. RGB 및 16진수 값은 선택한 색상에 따라 다릅니다.

정의 목록

정의 목록 서식은 유지되지만, Lightning Experience 및 Salesforce 모바일 앱에서 스타일링이 다르게 표시됩니다. 정의 용어는 굵게 표시되지 않습니다.

글꼴

사전 정의된 글꼴, 색, 크기가 있는 텍스트를 붙여넣으면 font 태그가 style 특성과 함께 span 태그로 변환됩니다.

제목

제목 스타일은 Lightning Experience와 Salesforce Classic에서 각기 다릅니다. Salesforce Classic의 제목은 굵고 머리글 수준의 값이 증가하면 크기가 작아지지만, Lightning Experience의 제목의 글꼴 크기와 가중치는 다음과 같습니다.

• h1: 24px(굵지 않음)
• h2: 18px(굵게)
• h3: 18px(굵지 않음)
• h4: 14px(굵게)
• h5: 14px(굵지 않음)
• h6: 12px(굵게)

h1, h2, h3, h4, h5 및 h6 태그의 인라인 스타일은 지원되지 않고 무시됩니다.

하이퍼링크

하이퍼링크는 항상 target=”_blank”를 사용하여 Lightning Experience 및 Salesforce 모바일 앱의 새 창이나 탭에서 열립니다. Salesforce Classic의 경우 서식 있는 텍스트 필드의 하이퍼링크에 각기 다른 target 값을 사용할 수 있습니다. Lightning Experience 또는 앱에서 해당 링크를 사용하여 서식 있는 텍스트 필드를 편집하는 경우 target 값이 _blank로 변환됩니다.

인라인 스타일

Salesforce Classic의 경우 인라인 스타일은 div, span, p, br, hr 태그에서 지원됩니다. Lightning Experience 및 Salesforce 모바일 앱의 경우 인라인 스타일은 span 태그에서만 지원됩니다.

목록

Salesforce Classic에서 서식 있는 텍스트 필드의 중첩된 순서가 있는 목록은 Lightning Experience 및 Salesforce 모바일 앱과 다르게 번호가 매겨집니다. Salesforce Classic의 경우 중첩된 순서가 있는 목록은 이 패턴으로 번호가 매겨집니다. (1, 1, 1). Lightning Experience 및 Salesforce 모바일 앱의 경우 중첩된 순서가 있는 목록은 다음 패턴으로 번호가 매겨집니다. 1, a, i.

Lightning Experience 및 Salesforce 모바일 앱에서는 번호 매기기 목록 내에 글머리 기호 목록은 중첩할 수 없습니다. 중첩된 글머리 기호 목록을 편집기에 붙여넣으면 번호 매기기 목록으로 전환됩니다.

글머리 기호 목록 내의 번호 매기기 목록도 중첩할 수 없습니다. 중첩된 숫자 매기기 목록을 편집기에 붙여넣으면 글머리 기호 목록으로 전환됩니다.

경고 다른 유형의 목록 중첩은 Salesforce Classic에서만 지원되므로, Lightning Experience 및 Salesforce 모바일 앱에서는 다른 유형의 중첩된 목록을 포함하는 기존의 서식 있는 텍스트 영역 필드를 편집하지 마십시오. 그렇게 할 경우 목록 자체를 편집하지 않아도 중첩된 목록이 상위 목록과 같은 유형으로 전환됩니다.

같은 유형의 중첩된 목록은 지원됩니다. 중첩된 목록은 편집기에 붙여넣기를 하면 해당 목록을 Lightning Experience 및 Salesforce 모바일 앱에서 하나의 목록으로 플랫화합니다. 예를 들어 글머리 기호 목록 내의 중첩된 글머리 기호 목록을 붙여넣기하면 단일 글머리 기호 목록이 됩니다. 같은 유형의 중첩된 목록의 경우 도구 모음을 사용하여 목록 서식을 조정합니다. 탭 키 또는 Shift+Tab을 눌러 중첩된 목록 항목을 만들거나 중첩된 목록 항목을 제거할 수도 있습니다.

노트 Lightning Experience 및 Salesforce 모바일 앱의 경우 Microsoft® Word에서 복사한 목록 붙여넣기는 지원되지 않으며 목록 항목이 단락으로 변환되게 됩니다. 시각적으로는 목록처럼 보이지만, p 태그로 붙여넣기됩니다.

단락 및 줄바꿈

Enter 키를 누르면 Lightning Experience 및 Salesforce 모바일 앱에 단락이 만들어집니다. 그러나 Salesforce Classic에서 Enter 키를 누르면 현재 단락 안에 <br> 요소가 추가됩니다. 시각적 차이는 크지 않습니다.

빈 줄에 대한 마크업은 Lightning Experience 및 Salesforce 모바일 앱에서는 <p><br></p>이며, Salesforce Classic에서는 <br>입니다. Lightning Experience 또는 Salesforce 모바일 앱에서 서식 있는 텍스트 필드를 만들고 나중에 Salesforce Classic에서 편집할 경우 빈 줄에 대한 마크업은 <p>&nbsp;</p>로 전환됩니다. 이후에 다시 Lightning Experience 또는 Salesforce 모바일 앱에서 편집을 해도 빈 줄이 본래의 마크업으로 되돌아가지 않습니다.

서식 있는 텍스트 편집기의 단락을 Lightning Experience 및 Salesforce 모바일 앱에 저장하면 텍스트에 별도의 글자가 추가되며, 각 단락별로 글자 수에 일곱 자의 <p> </p>를 추가합니다. 예를 들어, 관리자가 문자 제한을 5,000자로 지정할 경우 Lightning Experience의 사용자 정의 필드용 서식 있는 텍스트 편집기에 4,993자만 입력할 수 있습니다. 텍스트를 여러 단락으로 나누면 입력할 수 있는 글자 수가 더욱 줄어듭니다. 빈 줄은 눈에 보이는 글자에는 영향을 미치지 않지만 마크업으로 몇 개의 글자를 추가합니다.

노트 RichText 필드 값은 HTML 형식으로 반환됩니다. 즉, 블록 요소를 포함할 수 있습니다. 인라인 요소에서 블록 요소를 병합 필드로 중첩하면 HTML에서 서식 문제가 발생할 수 있습니다. RichText 사용자 정의 필드를 병합 필드로 사용하는 경우 글꼴과 같은 HTML 사용자 정의를 사용자 정의 필드에 적용하는 것이 좋습니다. 사용자 정의 필드에 텍스트 데이터만 사용하려면 TextField를 대신 사용하십시오.

특수 문자

서식 있는 텍스트 필드 값은 HTML 형식으로 반환되므로 API를 통해 사용자 정의 필드 값을 검색하면 일부 문자가 이스케이프됩니다.

• 앰퍼샌드 문자 &는 &로 반환됩니다.
• 보다 큼 문자 >는 >로 반환됩니다.
• 보다 작음 문자 <는 <로 반환됩니다.
• 큰따옴표 문자 "는 "로 반환됩니다.
• 작은따옴표 문자 '는 '로 반환됩니다.
• 이모지와 같은 일부 특수 문자는 일관되지 않은 형식으로 렌더링됩니다. 반환 값은 플랫폼 및 API 응답의 수신 끝에 따라 다릅니다.

테이블

Salesforce Classic, Lightning Experience 및 Salesforce 모바일 앱에서 테이블 붙여넣기는 지원되지만, 테이블 내의 콘텐츠만 편집할 수 있습니다.

텍스트 수준 마크업

• address 태그가 있는 주소로 인해 태그 안의 목록 서식이 제거됩니다.
• q 태그를 사용하는 중첩된 인용은 지원되지 않습니다.
• 취소선 텍스트는 strike 태그를 사용합니다.
• tt 태그 내의 텔레타이프 텍스트는 code 태그를 사용하도록 전환됩니다.

이 표에는 Lightning Experience 및 Salesforce 모바일 앱에서 지원되는 HTML 태그 및 서식 고려 사항이 나열되어 있습니다. 서식 있는 텍스트 필드를 편집하거나 Lightning Experience 및 Salesforce 모바일 앱에서 지원되지 않는 태그가 있는 텍스트를 붙여넣는 경우 이러한 태그는 제거됩니다. 지원되지 않는 태그 안에 들어 있는 텍스트는 일반 텍스트로 유지됩니다.

Salesforce Classic에서 지원되는 HTML 태그	Lightning Experience 및 Salesforce 모바일 앱의 사용자 지정 필드에서 지원됩니까?	Lightning Experience 및 Salesforce 모바일 앱에 대한 코멘트
a		target 특성은 항상 _blank로 설정됩니다. href에 값이 없는 경우 이 태그는 제거됩니다.
abbr
acronym		이 태그는 abbr 태그로 변환됩니다.
address		이 태그가 포함된 텍스트가 목록에 중첩되어 있고 편집기에 붙여넣기된 경우 이 목록 태그인 ol, li 및 ul은 제거됩니다. address 태그 이전의 일부 태그는 address에 중첩됩니다.
b
bdo
big
blockquote		연속 블록 견적서는 병합됩니다.
br		줄바꿈은 p 태그 안에 중첩됩니다.
caption
cite
code
col
colgroup
dd
del
dfn
div
dl
dt		정의 용어는 굵게 표시되지 않습니다.
em
font		사전 정의된 글꼴, 색, 크기가 있는 텍스트를 붙여넣으면 font 태그가 style 특성과 함께 span 태그로 변환됩니다.
h1		머리글의 인라인 스타일은 지원되지 않습니다.
h2		머리글의 인라인 스타일은 지원되지 않습니다.
h3		머리글의 인라인 스타일은 지원되지 않습니다.
h4		머리글의 인라인 스타일은 지원되지 않습니다.
h5		머리글의 인라인 스타일은 지원되지 않습니다.
h6		머리글의 인라인 스타일은 지원되지 않습니다.
hr
i
img
ins
kbd
li		같은 유형의 중첩된 목록을 붙여넣으면 해당 목록이 하나의 목록으로 플랫화됩니다(예: 글머리 기호 목록 내의 중첩된 글머리 기호 목록). 도구 모음을 사용하여 목록 서식을 조정합니다.
ol		순서가 없는 목록(글머리 기호)에 순서가 있는 목록(번호 매기기)을 중첩하면 순서가 있는 목록이 순서가 없는 목록으로 변환됩니다.
p		Enter 키를 누르면 새 p가 만들어집니다.
pre
q		중첩된 견적서는 지원되지 않습니다.
s		이 태그는 strike 태그로 변환됩니다.
samp
small
span		이 태그는 p 태그에 중첩되며 텍스트 주변에 추가 패딩을 추가합니다.
strike
strong
sub		중첩된 sub 태그가 병합됩니다.
sup		중첩된 sup 태그가 병합됩니다.
table
tbody
td
tfoot
th
thead
tr
tt		이 태그는 code 태그로 변환됩니다.
u
ul		순서가 있는 목록(번호 매기기)에 순서가 없는 목록(글머리 기호)을 중첩하면 순서가 없는 목록이 순서가 있는 목록으로 변환됩니다.
var