HyperMD

Hypermd

Markdown 편집기에서 Writing 과 Preview 사이의 벽을 깨뜨립니다 .

온라인 데모 | 예 | 선적 서류 비치

中文介绍

QuickStart

 // npm install --save hypermd codemirror
var HyperMD = require ( 'hypermd' )
var myTextarea = document . getElementById ( 'input-area' )
var editor = HyperMD . fromTextArea ( myTextarea )

또한 요구 사항, 소포, 웹 팩, 일반 브라우저 env. 문서를 읽으십시오

HyperMD를 사용하는 이유는 무엇입니까?

HyperMD는 코드 미러 애드온 / 모드 / 테마 / 명령 / keymap 등 세트입니다.

같은 페이지에서 원래 Codemirror와 HyperMD를 모두 사용할 수 있습니다.

? 쓰기 및 즉시 미리보기

• 일반 마크 다운 블록 및 요소
  • 강하고 강조 , strikethrough , Code
  • 링크, 이미지
  • 제목 / 견적 / 코드 블록 / 목록 / 수평 규칙
• 마크 다운 확장
  • 간단한 테이블
  • 각주 ¹
  • todo 목록 (상자는 클릭 가능)
  • Yaml 프론트 물질
  • $ latex $ 공식, 인라인 또는 블록 디스플레이 모드 ²
  • 이모티콘 : :joy: =>? (또한 맞춤형 이모티콘 지원)
• 그리고 더
  • Markdown의 HTML -Wysiwig MDX가 가능합니다
  • #hashtag support ³ , 데모를 참조하십시오
  • 흐름도 및 다이어그램 (Mermaid 또는 FlowChart.js)

? 더 나은 마크 다운 경험

• 클립 보드를 통해 이미지와 파일을 업로드하거나 Drag'n'Drop
• Alt+클릭하여 링크를 열고 각주로 점프합니다 ¹
• 각주를 읽기 위해 호버
• 복사 및 붙여 넣기 , HTML을 Markdown ⁴ 로 번역하십시오
• 쉽고 즉시 사용 가능한 키 바인딩 (일명 Keymap)

? Codemirror 혜택

• 코드 블록의 구문 하이라이트는 120 개 이상의 언어 ^5를 지원합니다. 모드는 주문형으로로드 될 수 있습니다.
• 구성 가능한 키 바인딩
• 차이와 병합
• 테마 ⁶
• 거의 모든 Codemirror 애드온!

? 확장 가능하고 사용자 정의 가능

• PowerPacks를 사용하여 3 자 Libs 및 서비스를 즉시 통합하십시오
  • Mathjax, 표시, Katex 등.
  • 목록을 읽으십시오
• HyperMD 함수는 조절이 고도로되었습니다

? 맞춤형 keymap "hypermd":

• 테이블
  • | | column | line |
  • 새 행 삽입을 입력 하거나 테이블을 완성하십시오 (마지막 행이 비어있는 경우)
  • 셀 사이를 탐색하기 위해 탭 또는 시프트 탭
• 목록
  • 탭 또는 시프트 탭 으로 보내야합니다
• 근처 단어 (또는 선택된 텍스트) 서식
  • ctrl+b Bold
  • ctrl+나는 강조합니다
  • ctrl+d strikethrough

특별한 감사

? 서비스 및 자원

Icomoon- 아이콘 팩 (무료 버전) 데모 페이지는 Icomoon 아이콘을 사용합니다. 관련 파일은 Demo/Svgicon에 저장됩니다.	Codecogs- 오픈 소스 과학 도서관 FoldMath는 CodeCogs의 서비스를 기본 Tex Mathrenderer로 사용합니다. (PowerPack을로드하여 다른 렌더러를 사용하여 Katex 또는 Mathjax)
SM.MS- 무료 이미지 호스팅 서비스 데모 페이지 및 PowerPack/insert-File-With-SMMS SM.MS Open API를 사용하여 사용자 삽입 이미지를 업로드합니다. (SM.MS 서비스를 통합하려면 PowerPack을 사용하십시오)	이모 지온 - 오픈 이모티콘 아이콘 데모 페이지 및 Powerpack/Fold-Emoji와 함께 Emojione 사용 이모티콘 아이콘이 이모 지온 (무료 라이센스) (당신은 다른 대안을 사용할 수 있습니다.
Codemirror- 브라우저 내 코드 편집기. 요구 사항 -JavaScript AMD 모듈 로더. KATEX- 웹에서 가장 빠른 수학 조판 라이브러리. 표시 , 턴 다운 및 더 놀라운 Libs.

? 스폰서

스폰서 (날짜별로 정렬)

☕phithon onc*i ☕*yuan ☕*xiuzhang ☕*junjie ? 圆伞科技☕*di

기여

HyperMD는 Laobubu의 개인 오픈 소스 프로젝트입니다. 기부금을 환영합니다. 당신은 할 수 있습니다 :

• Github의 포크, 놀라운 테마와 추가 기능을 만드십시오.
• 커피를 사세요
• HyperMD를 세상에 퍼 뜨리십시오!

---

각주

1. Ctrl+클릭도 작동하지만 존재하면 각주로 이동합니다. ↩ ²

2. 수학 블록 $$ 사용하여 Tex 표현을 감싸십시오. ↩

3. 기본적으로 비활성화 된 DOC를 참조하십시오. # 태그 이름에 공백이 포함 된 경우 2 개의 해시 기호#를 사용합니다. ↩

4. Ctrl+Shift+V 사용하여 일반 텍스트를 붙여 넣습니다. ↩

5. Codemirror만큼 많은 언어가 지원됩니다. ↩

6. 테마가 HyperMD를 위해 설계되지 않은 경우 일부 기능이 없을 수 있습니다. ↩