텍스트 기능Text features

TextBlock은 텍스트의 서식을 지정하고 텍스트를 현지화할 수 있는 고급 기능을 제공합니다.TextBlock offers advanced features for formatting and localizing the text.

Markdown(Commonmark 하위 집합)Markdown (Commonmark subset)

적응형 카드는 인라인 변경 내용을 지원하기 위해 Commonmark Markdown 구문의 하위 집합을 지원합니다.To support inline markup, Adaptive Cards support a subset of the Commonmark Markdown syntax.

참고

RichTextBlock은 Markdown을 지원하지 않지만 TextRun 내에서 직접 다양한 텍스트 구성 옵션 배열을 제공합니다.RichTextBlock does not support markdown, but offers a wide array of text configuration options directly within the the TextRun

지원됨Supported

텍스트 스타일Text Style MarkdownMarkdown
굵게Bold **Bold**
기울임꼴Italic _Italic_
글머리 기호 목록Bullet list - Item 1\r- Item 2\r- Item 3
번호 매기기 목록Numbered list 1. Green\r2. Orange\r3. Blue
하이퍼링크Hyperlinks [Title](url)

지원 안 됨Not supported

  • 헤더Headers
  • Tables
  • 이미지Images
  • 위의 표에 없는 항목Anything not in the table above

Markdown 예제Markdown Example

아래 페이로드는 다음과 같은 항목을 렌더링합니다.The below payload would render something like this:

Markdown 스크린샷

{
    "$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
    "type": "AdaptiveCard",
    "version": "1.0",
    "body": [
        {
            "type": "TextBlock",
            "text": "This is some **bold** text"
        },
        {
            "type": "TextBlock",
            "text": "This is some _italic_ text"
        },
        {
            "type": "TextBlock",
            "text": "- Bullet \r- List \r",
            "wrap": true
        },
        {
            "type": "TextBlock",
            "text": "1. Numbered\r2. List\r",
            "wrap": true
        },
        {
            "type": "TextBlock",
            "text": "Check out [Adaptive Cards](https://adaptivecards.io)"
        }
    ]
}

날짜/시간 형식 지정 및 지역화Date/Time formatting and localization

카드를 수신하는 사용자의 표준 시간대를 모르는 경우가 있으므로 적응형 카드는 대상 디바이스의 시간을 자동으로 현지화하는 DATE()TIME() 형식 지정 함수를 제공합니다.Sometimes you won't know the timezone of the user receiving the card, so Adaptive Cards offers DATE() and TIME() formatting functions to automatically localize the time on the target device.

날짜/시간 예Date/Time Example

{
    "$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
    "type": "AdaptiveCard",
    "version": "1.0",
    "body": [
        {
            "type": "TextBlock",
            "text": "Your package will arrive on {{DATE(2017-02-14T06:00:00Z, SHORT)}} at {{TIME(2017-02-14T06:00:00Z)}}",
            "wrap": true
        }
    ]
}

위의 카드는 다음을 표시합니다.The above card will display:

택배가 2017년 2월 14일 화요일 오전 6:00에 도착할 예정입니다.Your package will arrive on Tue, Feb 14th, 2017 at 6:00 AM

날짜/시간 함수 규칙Date/Time function rules

모든 플랫폼에서 날짜/시간 함수를 올바르게 해석하기 위한 몇 가지 규칙이 있습니다.There are some rules to properly interpret the the date/time functions on every platform. 규칙이 충족되지 않으면 사용자에게 원시 문자열이 표시됩니다. 누구도 원치 않는 상황일 것입니다.If the rules aren't met then the raw string will be displayed to the user, and no one wants that.

  1. 대/소문자 구분(모두 대문자여야 함)CASE SENSITIVE (must be all caps)
  2. {{, }} 또는 괄호 사이에 공백 없음NO SPACES between the {{, }}, or parentheses
  3. 엄격한 RFC 3389 형식 지정(아래의 예 참조)STRICT RFC 3389 FORMATTING (See examples below)
  4. 유효한 날짜 및 시간이어야 함MUST BE a valid date and time

유효한 형식Valid formats

  • 2017-02-14T06:08:00Z
  • 2017-02-14T06:08:00-07:00
  • 2017-02-14T06:08:00+07:00

날짜 형식 지정 매개 변수Date formatting param

날짜의 경우 선택적 매개 변수를 지정하여 출력 형식을 지정할 수 있습니다.For dates, an optional param may be specified to format the output.

형식Format 예제Example
COMPACT(기본값)COMPACT (Default) "2017/2/13""2/13/2017"
SHORT "2017년 2월 13일 월""Mon, Feb 13th, 2017"
LONG "2017년 2월 13일 월요일""Monday, February 13th, 2017"