HyperMD

hypermd

แบ่งกำแพง ระหว่าง การเขียน และ ตัวอย่าง ในตัวแก้ไข Markdown

การสาธิตออนไลน์ ตัวอย่าง เอกสาร

中文介绍

เร็ว

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

นอกจากนี้สำหรับ Veuthejs, พัสดุ, webpack, env เบราว์เซอร์ธรรมดา อ่านเอกสาร

ทำไมต้องใช้ hypermd?

Hypermd เป็นชุดของ codemirror add-ons / modes / themes / commands / keymap ฯลฯ

คุณอาจใช้ทั้ง Codemirror ดั้งเดิมและ Hypermd ในหน้าเดียวกัน

- เขียนและดูตัวอย่างได้ทันที

• บล็อกและองค์ประกอบ markdown ปกติ
  • เข้มแข็ง เน้น การตี Code
  • ลิงค์รูปภาพ
  • ชื่อเรื่อง / ใบเสนอราคา / รหัสบล็อก / รายการ / กฎแนวนอน
• ส่วนขยาย Markdown
  • ตารางง่ายๆ
  • เชิงอรรถ ¹
  • รายการสิ่งที่ต้องทำ (กล่องสามารถคลิกได้)
  • Yaml Front Matter
  • $ laTex $ สูตร, โหมดการแสดงผลแบบอินไลน์หรือบล็อก ²
  • Emoji :: :joy: =>? (สนับสนุนอิโมจิที่กำหนดเองด้วย)
• และอีกมาก
  • HTML ใน Markdown - Wysiwig MDX เป็นไปได้
  • #HashTag Support ³ ดูตัวอย่าง
  • ผังงานและไดอะแกรม (Mermaid หรือ Flowchart.js)

- ประสบการณ์ที่ดีกว่า Markdown-ing

• อัปโหลดรูปภาพ และไฟล์ผ่านคลิปบอร์ดหรือ Drag'n'Drop
• Alt+คลิก เพื่อเปิดลิงค์ / ข้ามไปที่เชิงอรรถ ¹
• โฮเมีย เพื่ออ่านเชิงอรรถ
• คัดลอกและวาง แปล HTML เป็น Markdown ⁴
• คีย์ที่ใช้งาน ง่ายและพร้อมใช้งาน (aka. Keymap)

- ผลประโยชน์ Codemirror

• ไฮไลต์ไวยากรณ์สำหรับบล็อกรหัสรองรับ 120+ ภาษา ⁵ โหมดสามารถโหลดตามความต้องการได้
• การผูกมัดคีย์ที่กำหนดค่าได้
• แตกต่างและผสาน
• ชุดรูปแบบ ⁶
• เกือบทั้งหมดของ codemirror addons!

- ขยายได้และปรับแต่งได้

• ใช้ PowerPacks เพื่อรวม LIBs และบริการที่ 3
  • Mathjax, ทำเครื่องหมาย, Katex และอีกมากมาย
  • อ่านรายการ
• ฟังก์ชั่น Hypermd มี การปรับเปลี่ยน สูง

- แป้นพิมพ์ ที่ปรับแต่ง "hypermd":

• โต๊ะ
  • ป้อน สร้างตารางด้วย | column | line |
  • ป้อน INSERT ROW ใหม่หรือเสร็จสิ้นตาราง (ถ้าแถวสุดท้ายว่างเปล่า)
  • แท็บ หรือ shift-tab เพื่อนำทางระหว่างเซลล์
• รายการ
  • แท็บ หรือ shift-tab ไปยังรายการปัจจุบัน/ไม่ จำกัด
• การจัดรูปแบบ คำใกล้เคียง (หรือข้อความที่เลือก)
  • ctrl+b bold
  • ctrl+ฉัน เน้น
  • Ctrl+D การตี

ขอบคุณเป็นพิเศษ

- บริการและทรัพยากร

ICOMOON - ICONPACK (เวอร์ชันฟรี) หน้าสาธิต ใช้ไอคอนไอคอน ไฟล์ที่เกี่ยวข้องจะถูกเก็บไว้ใน Demo/SVGICON	Codecogs - ห้องสมุดวิทยาศาสตร์โอเพ่นซอร์ส Foldmath ใช้บริการของ Codecogs เป็น Tex Mathrenderer เริ่มต้น (คุณอาจโหลด Powerpack เพื่อใช้ Renderer อื่น ๆ เช่น Katex หรือ Mathjax)
SM.MS - บริการโฮสติ้งรูปภาพฟรี หน้าสาธิต และ PowerPack/INSERT-FILE-WITH-SMMS ใช้ SM.MS OPEN API เพื่ออัปโหลดรูปภาพที่ผู้ใช้เข้ามา (หากคุณต้องการรวมบริการ SM.MS ให้ใช้ PowerPack)	Emojione - ไอคอนอีโมจิเปิด หน้าตัวอย่าง และ PowerPack/Fold-Emoji-With-Emojione ใช้ไอคอนอิโมจิที่ให้ฟรีโดย Emojione (ใบอนุญาตฟรี) (คุณอาจใช้ทางเลือกอื่นเช่น Twemoji จาก Twitter)
Codemirror - ตัวแก้ไขรหัสในเบราว์เซอร์ RequireJS - ตัวโหลดโมดูล JavaScript AMD Katex - ไลบรารีการเรียงพิมพ์คณิตศาสตร์ที่เร็วที่สุดสำหรับเว็บ มีการทำเครื่องหมาย การหมุน และ libs ที่น่าทึ่งมากขึ้น

- ผู้สนับสนุน

ผู้สนับสนุน (จัดเรียงตามวันที่)

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

การบริจาค

Hypermd เป็นโครงการโอเพ่นซอร์สส่วนตัวโดย Laobubu ยินดีต้อนรับการมีส่วนร่วม คุณอาจ:

• ส้อมบน GitHub สร้างธีมที่น่าทึ่งของคุณและส่วนเสริม
• ซื้อกาแฟให้ฉัน
• แพร่กระจาย hypermd ไปทั่วโลก!

---

เชิงอรรถ

1. Ctrl+คลิกใช้งานได้เช่นกัน แต่จะข้ามไปที่เชิงอรรถหากมีอยู่ ↩ ²

2. บล็อกคณิตศาสตร์ใช้ $$ เพื่อห่อนิพจน์ Tex ของคุณ

3. ปิดใช้งานโดยค่าเริ่มต้นดูเอกสาร; # ใช้สองสัญลักษณ์แฮช# ถ้าชื่อแท็กมีช่องว่าง

4. ใช้ Ctrl+Shift+V เพื่อวางข้อความธรรมดา

5. ภาษามากที่สุดเท่าที่ Codemirror รองรับ

6. หากชุดรูปแบบไม่ได้ออกแบบมาสำหรับ HyperMD คุณสมบัติบางอย่างอาจไม่มีอยู่