jsonecho

MDX Formatter

많은 문서 사이트가 사용하는 Markdown과 JSX의 혼합인 MDX를 포맷합니다.

도구를 불러오는 중...

MDX Formatter 사용 방법

  1. 코드를 붙여 넣으세요. 포매터 엔진은 처음에 잠시 후 로드됩니다.
  2. 필요하면 옵션을 조정하세요.
  3. 포맷된 결과를 복사하세요.

MDX Formatter 소개

MDX를 사용하면 Markdown 안에 JSX 컴포넌트를 쓸 수 있으며, Docusaurus와 Next.js 같은 문서 프레임워크가 이를 많이 사용합니다. 포매터는 두 세계를 모두 처리합니다. Markdown은 정리되고 JSX와 import 또는 export 문은 JavaScript처럼 포맷됩니다.

컴포넌트에 구문 오류가 있으면 줄과 열이 표시됩니다.

자주 묻는 질문

어떤 MDX 버전을 지원하나요?

import, export, JSX 블록이 있는 일반적인 MDX 구문을 대상으로 합니다. 최신 MDX 릴리스에만 있는 기능은 더 보수적으로 포맷될 수 있습니다.

front matter를 건드리나요?

파일 맨 위의 YAML front matter는 보존됩니다.

코드 블록도 포맷하나요?

펜스 코드 블록은 건드리지 않습니다.

처음 실행할 때 1초 정도 걸린 이유는 무엇인가요?

이 언어의 포맷 엔진은 처음 사용할 때 다운로드되고 이후 브라우저에 캐시됩니다. 그 후에는 포맷이 즉시 이루어지며 아무것도 컴퓨터 밖으로 나가지 않습니다.

코드 포매터의 다른 도구

모든 도구 →