HyperMD

Hypermd

Hancurkan dinding antara penulisan dan pratinjau , dalam editor penurunan harga.

Demo online | Contoh | Dokumentasi

中文介绍

QuickStart

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

Juga untuk kebutuhan, parsel, webpack, browser biasa. Baca dokumennya

Mengapa Menggunakan HyperMD?

HyperMD adalah satu set codemirror add-ons / mode / tema / perintah / keymap dll.

Anda dapat menggunakan Codemirror asli dan HyperMD pada halaman yang sama.

? Tulis, dan pratinjau dengan cepat

• Blok dan elemen penurunan harga reguler
  • Kuat , penekanan , Strikethrough , Code
  • Tautan, gambar
  • Judul / Kutipan / Blok Kode / Daftar / Aturan Horizontal
• Ekstensi Markdown
  • Tabel sederhana
  • Catatan Kaki ¹
  • Daftar TODO (kotaknya dapat diklik)
  • Materi depan YAML
  • $ Latex $ Mode tampilan formula, inline atau blok ²
  • Emoji :: :joy: =>? (juga mendukung emoji kustom)
• Dan lebih banyak lagi
  • HTML dalam Markdown - Wysiwig MDX adalah mungkin
  • #hashtag dukungan ³ , lihat demo
  • Flowchart dan Diagram (Mermaid atau Flowchart.js)

? Pengalaman Markdown-ing yang lebih baik

• Unggah gambar dan file melalui clipboard, atau drag'n'drop
• Alt+Klik untuk membuka tautan / lompat ke catatan kaki ¹
• Melayang untuk membaca catatan kaki
• Salin dan Tempel , Terjemahkan HTML ke Markdown ⁴
• Binding kunci yang mudah dan siap digunakan (alias. KEYMAP)

? Manfaat Codemirror

• Sorotan sintaks untuk blok kode, mendukung 120+ bahasa ⁵ . Mode dapat dimuat sesuai permintaan.
• Binding kunci yang dapat dikonfigurasi
• Diff dan gabungan
• Tema ⁶
• Hampir semua addons codemirror!

? Dapat diperluas dan dapat disesuaikan

• Gunakan powerpacks untuk mengintegrasikan libs dan layanan pihak ke-3
  • Mathjax, bertanda, Katex dan banyak lagi.
  • Baca daftarnya
• Fungsi hypermd sangat dimodulasi

? KEYMAP yang disesuaikan "HyperMD":

• Meja
  • Masukkan Buat tabel dengan | column | line |
  • Masukkan masukkan baris baru, atau selesaikan tabel (jika baris terakhir kosong)
  • Tab atau shift-tab untuk menavigasi antar sel
• Daftar
  • Tab atau shift-tab ke item daftar inden/unik saat ini
• Memformat kata terdekat (atau teks yang dipilih)
  • Ctrl+B tebal
  • Ctrl+saya penekanan
  • Ctrl+d Strikethrough

Terima kasih khusus

? Layanan dan sumber daya

Icomoon - The IconPack (versi gratis) Halaman demo menggunakan ikon Icomoon. File terkait disimpan dalam demo/svgicon.	Codecogs - Perpustakaan Ilmiah Sumber Terbuka Foldmath menggunakan layanan Codecogs sebagai Tex Mathrenderer default. (Anda dapat memuat powerpack untuk menggunakan renderer lain, mis. Katex atau Mathjax)
SM.MS - Layanan Hosting Gambar Gratis Halaman Demo dan PowerPack/Insert-File-dengan-SMM Gunakan SM.MS Open API untuk mengunggah gambar yang disertakan pengguna. (Jika Anda ingin mengintegrasikan layanan SM.MS, gunakan PowerPack)	Emojione - Ikon Emoji Terbuka Halaman demo dan powerpack/lipatan-emoji-dengan-emojione menggunakan ikon emoji disediakan gratis oleh emojione (lisensi gratis) (Anda dapat menggunakan alternatif lain, mis. Twemoji dari Twitter)
Codemirror - Editor kode dalam browser. Persyaratan - Loader Modul AMD JavaScript. KATEX - Perpustakaan pengaturan huruf matematika tercepat untuk web. Ditandai , turndown, dan lib yang lebih luar biasa.

? Sponsor

Sponsor (diurutkan berdasarkan tanggal)

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

Berkontribusi

HyperMD adalah proyek sumber terbuka pribadi oleh Laobubu. Kontribusi disambut. Anda mungkin:

• Fork on GitHub, buat tema dan add-on Anda yang luar biasa.
• Beli saya kopi
• Sebarkan hypermd ke dunia!

---

Catatan kaki

1. Ctrl+klik juga berfungsi, tetapi akan melompat ke catatan kaki jika ada. ↩ ↩ ²

2. Blok Matematika Gunakan $$ untuk membungkus ekspresi TEX Anda. ↩

3. Dinonaktifkan secara default, lihat DOC; # Gunakan dua simbol hash# Jika nama tag berisi spasi. ↩

4. Gunakan Ctrl+Shift+V untuk menempelkan teks biasa. ↩

5. Bahasa sebanyak yang didukung Codemirror. ↩

6. Jika temanya tidak dirancang untuk HyperMD, beberapa fitur mungkin tidak ada. ↩