Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

shinehand/ChromeMD

Repository files navigation

ChromeMD — 마크다운 뷰어 & 편집기

Chrome 브라우저에서 마크다운(.md) 파일을 바로 열람하고 편집할 수 있는 확장 프로그램입니다.
GitHub 스타일 렌더링, 구문 강조, 현재 파일 저장과 다른 이름 저장 기능을 제공합니다.

주요 기능

기능 설명
📄 보기 모드 마크다운을 GitHub 스타일 HTML로 렌더링
✏️ 편집 모드 마크다운 원문을 전체 화면 편집기로 수정
🔀 분할 모드 편집기와 미리보기를 좌우로 나란히 표시
📝 다른 이름 저장 새 파일명이나 새 위치로 별도 저장
🎨 구문 강조 highlight.js(GitHub 테마)로 코드 블록 색상 처리
📑 목차(TOC) 문서 제목을 자동으로 추출해 사이드바에 목차 표시
📁 파일 탐색기 로컬 파일(file://)의 같은 폴더 파일 목록 탐색
⌨️ 단축키 Ctrl+E / Cmd+E 편집 모드 전환 · Ctrl+S / Cmd+S 저장

지원 파일 확장자

.md · .markdown · .mdown · .mkd · .mkdn · .mdwn · .mdtxt · .mdtext

로컬 파일(file://)과 원격 URL(http:// / https://) 모두 지원합니다.

설치 방법

개발자 모드(압축 해제) 설치

  1. 이 저장소를 클론하거나 ZIP으로 다운로드합니다.
  2. Chrome에서 chrome://extensions/ 페이지를 엽니다.
  3. 오른쪽 상단의 개발자 모드 토글을 활성화합니다.
  4. 압축 해제된 확장 프로그램 로드를 클릭하고 저장소 루트 폴더를 선택합니다.
  5. ✅ 확장 프로그램 설치 완료.

로컬 파일 접근 허용 (중요!)

file:// 경로의 마크다운 파일을 보려면 파일 접근 권한을 추가로 허용해야 합니다.

  1. chrome://extensions/ 페이지로 이동합니다.
  2. ChromeMD 항목에서 세부정보를 클릭합니다.
  3. 파일 URL에 대한 액세스 허용을 활성화합니다.

사용 방법

  1. Chrome에서 .md 파일을 엽니다 (탭으로 드래그&드롭하거나 파일 → 열기 사용).
  2. ChromeMD가 자동으로 요청을 가로채어 즉시 렌더링합니다.
  3. 툴바의 보기 / 분할 / 편집 버튼으로 모드를 전환합니다.
  4. 편집 모드에서 내용을 수정합니다.
  5. 별도 파일로 보관하려면 다른 이름 버튼을 사용합니다.

저장 방식

  • 현재 UI에서는 다른 이름 저장만 노출합니다.
  • 직접 저장 기능은 구현을 보류 중이며 버튼도 잠시 숨겨 둔 상태입니다.
  • 다른 이름: 새 이름이나 새 위치를 선택해 별도 파일로 저장합니다.

네이티브 바로 저장 설치

macOS에서 현재 file:// 마크다운 파일을 선택 창 없이 바로 저장하려면 Native Messaging 호스트를 설치하세요.

  1. Chrome 확장 설정 페이지에서 확장 ID를 확인합니다.
  2. 저장소 루트에서 아래 명령을 실행합니다.
./native_host/install_native_host.sh <확장ID>
  1. Chrome 확장을 새로고침합니다.
  2. 옵션 페이지에서 네이티브 헬퍼 상태가 연결됨으로 보이는지 확인합니다.

제거가 필요하면 아래 명령을 실행하세요.

./native_host/uninstall_native_host.sh

프로젝트 구조

ChromeMD/
├── manifest.json # Chrome 확장 Manifest V3 설정
├── content.js # 콘텐츠 스크립트 — 보기/편집/저장 로직
├── styles.css # 툴바 및 GitHub 스타일 마크다운 CSS
├── lib/
│ ├── marked.min.js # 마크다운 파서 (marked v9)
│ ├── highlight.min.js # 구문 강조 라이브러리 (highlight.js v11)
│ └── highlight-github.min.css # GitHub 구문 강조 테마
└── icons/
 ├── icon16.png
 ├── icon48.png
 └── icon128.png

사용 라이브러리

라이브러리 버전 라이선스
marked 9.x MIT
highlight.js 11.x BSD-3-Clause

라이선스

MIT

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Packages

Contributors

AltStyle によって変換されたページ (->オリジナル) /