유동 마크업으로 자리 표시자에 서식을 지정하려면 어떻게 해야 하나요?

질문

유동 마크업으로 Zendesk 자리 표시자에 서식을 지정하려면 어떻게 해야 하나요?

답변

출력 마크업과 필터를 사용하여 자리 표시자 출력을 수정합니다. 출력 마크업(예: 자리 표시자)은 예를 들어 {{ticket.ticket_id}}와 같이 중괄호 쌍 안에 들어갑니다. 필터는 출력 마크업에 작용하는 방법입니다. 필터가 출력을 수정하고 결과가 문자열로 표시됩니다. 출력과 마크업은 세로 막대 또는 "세로줄"(|)로 구분되며 전체 형식은 {{ output | filter: }}입니다.

디자이너를 위한 유동성 페이지에서 모든 표준 필터를 확인할 수 있습니다. 이를 설명하는 다음 예를 참조해 보세요.

예: 중첩된 사용자 지정 티켓 필드의 마지막 요소만 표시하기

사용자 지정 드롭다운 필드를 만들 때 이중 콜론("::")을 사용하여 구조를 중첩할 수 있습니다. 예를 들어 Support::Password, Support::Performance, Billing::Invoice, 및 Billing::Refund의 옵션으로 드롭 다운을 만드는 경우, 최종 사용자는 Support 또는 Billing 중 하나를 선택한 다음 이러한 카테고리 내에서 옵션을 선택합니다. {{ticket.ticket_field_ }} 형식에 따라 자리 표시자에 이와 같은 사용자 지정 티켓 필드를 출력할 수 있습니다.

하지만 이 기본 자리 표시자 형식에는 중첩이 고려되지 않습니다. 위의 예에서 출력은 “Billing::Invoice”이며 이중 콜론을 표시합니다. 마지막 요소인 “Invoices”만 표시하기 위해서는 두 개의 필터를 조합하여 사용합니다. 첫 번째 필터인 “spit”은 문자열을 일치하는 패턴("::")으로 나눕니다. 두 번째 필터인 “last”는 전달된 배열의 마지막 요소를 가져옵니다. "::"으로 분할하려면, 다음 분할 필터로 이동합니다.
{{ticket.ticket_field_ | split:"::" | last }}

팁: 중첩된 필드의 첫 번째 요소만 반환하려는 경우에도 같은 원칙이 적용됩니다. "last" 대신 "first" 필터를 사용합니다.

자세한 내용은 Github의 디자이너를 위한 유동성 문서를 참조하세요.