무한 정보 세상 헤쳐나가기

마크다운(markdown) 웹 에디터 추천


## 마크다운(markdown) 웹 에디터 추천

### 스택에디트(stackEdit)
- [https://stackedit.io/](https://stackedit.io/)
- 마크다운 문법에 익숙하지 않아도 상단 메뉴에 아이콘 버튼이 있어 일반적인 에디터 사용하듯 쉬움
- 마크다운 문서나 HTML 문서를 가져오거나 마크다운, HTML, PDF 등의 형식으로 내볼낼 수 있음
- 구글 드라이브, 드랍박스 등과 연동 가능
- 구글 블로거, 깃허브, 깃랩, 워드프레스 등 블로그와 연동 가능
- 템플릿 기반 서식 기능도 지원

### 딜린저(dillinger)
- [https://dillinger.io/](https://dillinger.io/)
- 툴바가 없고 마크다운 본연의 기능에 초점을 맞췄기 때문에 마크다운에 익숙하다면 추천
- HTML, 마크다운, PDF문서 형식으로 미리 보거나 내보낼 수 있음
- 구글 드라이브, 드랍박스 등과 연동 가능
- 자동 저장, 글자 수 및 단어 수 표시
- 미리보기 화면의 스크롤 동기화 가능

### 에디터.Md(editor.md)
- [https://pandao.github.io/editor.md/en.html](https://pandao.github.io/editor.md/en.html)
- 오픈소스 온라인 마크다운 에디터 [https://github.com/pandao/editor.md](https://github.com/pandao/editor.md)
- 키보드 단축키를 활용할 수 있음
- 툴바의 아이콘을 클릭하면 단축키 목록 표시됨
- 전체화면 모드 지원
- 검색 기능과 줄 번호 이동 기능 지원

### 마크다운잇(markdown-it)
- [https://markdown-it.github.io/](https://markdown-it.github.io/)
- 회원가입 없이 <clear> 누르고 바로 작업



## 마크다운 사용법
### 기본
- [기본 사용법](https://blog.indexall.net/2023/01/description-and-basic-usage-of-markdown.html)
- [구분선, 들여쓰기, 불릿, 인덱싱](https://blog.indexall.net/2023/01/handling-division-lines-indentation-bullets-and-indexing-in-markdown.html)
- [하이퍼 링크와 이미지 연결](https://blog.indexall.net/2023/01/setting-hyperlinks-and-image-associations-in-markdown.html)

### 고급스럽게
- [글자 강조 (bold, italic, color)](https://blog.indexall.net/2022/10/highlight-text-in-markdown-bold-italic-color.html)
- [인용구](https://blog.indexall.net/2023/01/quote-handling-in-markdown.html)
- [체크박스](https://blog.indexall.net/2023/01/show-checkboxes-in-markdown.html)
- [표 만들기, 셀 정렬](https://blog.indexall.net/2022/06/markdown-table-sort-cells.html)
- [코드블록과 문법 강조](https://blog.indexall.net/2022/06/markdown-code-block-and-syntax-highlighting.html)

### 편하게
- 온라인 웹 에디터 추천
- [HTML 에서 Markdown 변환툴](https://blog.indexall.net/2023/01/markdown-html-to-markdown.html)