읽기 전용 텍스트에 대한 마크다운 옵션
레이아웃의 CPQ ReadOnlyText 구성요소에 대해 마크다운 서식을 사용하도록 설정하여 텍스트 프레젠테이션을 향상시킵니다. 굵게, 기울임꼴, 목록, 링크, 이미지 및 동적 필드 값에 대한 구문을 사용하여 구성에 명확하고 매력적이며 컨텍스트를 인식하는 표시 텍스트를 만듭니다.
이 문서에서는 구성요소 표시 형식이 ReadOnlyText인 네이티브 CPQ UI 레이아웃에 텍스트 필드가 정의된 경우 관리자가 사용할 수 있는 마크다운 구문 및 동작에 대해 설명합니다. 레이아웃 옵션에 대한 광범위한 논의는 다음 문서를 참조하십시오 CSV 레이아웃 업로드.
ReadOnlyText 구성요소에 마크다운 서식을 적용하려면 다음을 수행합니다.
- 레이아웃 편집기에서 필드 속성(톱니바퀴 아이콘이 있는 버튼)을 엽니다.
- 원시 값으로 다음을 추가합니다:
{ "enableMarkdown": true } - 텍스트 필드 값에 다음 마크다운 구문을 사용합니다.
| 서식 옵션 | 구문 | 출력 | 메모 | ||||||
|---|---|---|---|---|---|---|---|---|---|
| 굵게 | **이것은 굵게 표시됩니다** | 굵은 텍스트 | double * 대신 이중 밑줄도 작동합니다. | ||||||
| 기울임꼴 |
*이탤릭체입니다.* _this가 italic_됩니다. |
기울임꼴 텍스트 | 단일 * 대신 단일 밑줄도 작동합니다. | ||||||
| 순서 없는 목록 | 항목\r- 항목\r- 항목 |
|
|||||||
| 순서가 지정된 목록 | 1.항목\r2. 항목\r3. 항목 |
|
|||||||
| 줄 바꿈 | \n | ||||||||
| 링크 | [링크 표시 텍스트] (https://www.example.com) | 링크 표시 텍스트 | 입력한 모든 JavaScript가 삭제됩니다. | ||||||
| 이미지 | ! [대체 텍스트](이미지 URL, "제목 텍스트") | 해당 사항 없음 | |||||||
| 테이블 | | 헤더1 | 헤더2 |\n|---|---|\n| 행1Col1 | 행1Col2 |\n| 행2Col1 | 행2Col2 | |
|
기본적으로 열은 왼쪽 맞춤입니다. 오른쪽 맞춤을 하려면 기본적으로 테이블 테두리는 꺼져 있습니다. 테두리를 추가하려면 테마 속성 |
||||||
| 동적 텍스트 | {{fieldVariableName}} | 텍스트에서 선택한 필드의 값을 출력합니다. | |||||||
| 동적 비필드 텍스트 | {{txn#rowNumber}} |
컨텍스트에 따라 동적 텍스트의 값을 출력합니다. 현재는 txn 라인의 rowNumber만 지원됩니다 |
이 마크다운 구문은 필드 도움말 팝업에 사용할 수 있는 구문과 동일합니다.
마크다운으로 문자열 반환
Markdown을 사용하여 문자열을 반환할 때 특히 줄 바꿈에 \n 과 같은 이스케이프 문자를 사용하는 경우 문자열을 큰따옴표로 묶습니다. 작은따옴표를 사용하면 마크다운이 제대로 렌더링되지 않고 예기치 않은 결과가 발생할 수 있습니다.
예를 들어 다음 return 함수를 입력하면 이스케이프된 문자가 출력에 나타납니다.
return 함수가 동일한 텍스트를 큰따옴표로 묶으면 출력이 의도한 대로 표시됩니다.