mdjs-viewer 용 Google Chrome

mdjs-viewer: GitHub에서 Markdown JavaScript 데모를 실행하고 보기

mdjs-viewer는 Thomas Allmer가 개발한 Chrome 확장 프로그램으로, 사용자가 GitHub에서 직접 대화형 Markdown JavaScript 데모를 실행하고 볼 수 있게 해줍니다. 이 확장 프로그램은 mdjs (Markdown JavaScript) 라이브러리의 기능을 향상시키고 GitHub 플랫폼으로 가져옵니다.

mdjs-viewer를 사용하면 사용자는 README.md와 GitHub Issues와 같은 GitHub Markdown 파일을 포함하여 GitHub의 다양한 위치에서 실시간 데모를 볼 수 있습니다. 이 확장 프로그램은 사용자 코드의 실행을 격리하고 코드를 실행하기 전에 사용자 조치를 요구하는 등의 조치를 통해 보안을 보장하며, 샌드박스 설정이 있는 iframe 내에서 데모를 실행하고 iframe 외부의 요청을 제한합니다.

mdjs-viewer는 GitHub의 콘텐츠 보안 정책 (CSP)을 수정하여 mdjs iframe 내에서 코드 블록의 실행과 iframe 내에서 사용자 종속성을 로드할 수 있도록 특정 규칙을 추가합니다.

mdjs-viewer를 사용하려면 확장 프로그램을 활성화하고 GitHub의 마크다운 페이지와 이슈를 방문하면 됩니다. 이 확장 프로그램은 이러한 페이지에 "show demo ▹" 버튼을 추가하며, 클릭하면 mdjs를 사용하여 원시 마크다운 텍스트를 처리하고 가져오지 않은 URL로 가져옵니다. 마지막으로, mdjs로 생성된 HTML과 JavaScript 출력을 표시하기 위해 iframe이 생성됩니다.

GitHub의 익명 API 호출 수에는 제한이 있으며 (60), 이슈 메시지의 원시 콘텐츠를 요청하려면 API 키가 필요합니다.

mdjs-viewer를 사용하여 대화형 Markdown JavaScript 데모로 GitHub 경험을 향상시켜보세요!