마크다운 렌더링 맞춤화와 접근성 강화
아이콘, 코드 테마, 언어 방향, 표 전체화면 등 마크다운 렌더링을 더 세밀하게 제어할 수 있습니다.
교안에 영향
이전 문서의 tables 전체화면 동작 설명과 코드 시작 줄 설정 방식 안내는 맞지 않을 수 있습니다.
요약
- icons prop으로 기본 아이콘을 덮어쓰고, createCodePlugin에 themes, startLine, inlineCode를 추가했습니다. - dir prop과 translations prop으로 국제화와 텍스트 방향을 지원합니다. - tables에 controls로 제어하는 fullscreen overlay가 추가되고, 스크롤 잠금과 Escape 키 지원이 포함됐습니다. - onAnimationStart와 onAnimationEnd 콜백으로 스트리밍 이벤트를 다룰 수 있습니다. - 구문 강조 블록의 빈 줄 접힘과 ordered lists의 애니메이션 재실행 문제를 수정했고, Tailwind v4용 prefix prop도 추가했습니다.
바뀐 것
새 기능
- icons prop으로 기본 아이콘을 전달한 컴포넌트 맵으로 덮어쓸 수 있습니다.
- createCodePlugin이 themes 옵션으로 light 및 dark Shiki 테마를 받을 수 있습니다.
- createCodePlugin이 startLine meta 옵션으로 시작 줄 번호를 지정할 수 있습니다.
- createCodePlugin이 inlineCode virtual component로 인라인 코드를 블록과 अलग게 스타일링할 수 있습니다.
- dir prop이 첫 번째 강한 유니코드 문자를 기준으로 left-to-right 또는 right-to-left 형식을 자동 적용합니다.
- translations prop으로 사용자 정의 언어를 지원합니다.
- tables에 controls로 제어하는 fullscreen overlay가 추가되었습니다.
- onAnimationStart와 onAnimationEnd 콜백으로 스트리밍 이벤트를 다룰 수 있습니다.
- Tailwind v4 프로젝트에서 utility classes 충돌을 피하기 위한 prefix prop이 추가되었습니다.
수정
- 구문 강조 블록에서 빈 줄이 접히는 문제를 수정했습니다.
- ordered lists가 스트리밍 중 애니메이션을 다시 시작하는 문제를 수정했습니다.