ประเด็นสำคัญ
- 01แสดงผล Markdown เป็น HTML ที่มีสไตล์รวมถึงตาราง บล็อกรหัส และการขีดข้างใจ
- 02แสดงผลแสดง — ไม่ใช่แหล่งที่มา HTML ดิบ — เพื่อให้คุณเห็นว่าเอกสารจะมีลักษณะอย่างไรสำหรับผู้อ่าน
- 03การแสดงผลทำงานในเบราว์เซอร์ของคุณ; เนื้อหา Markdown ของคุณไม่เคยอัปโหลดหรือจัดเก็บ
- 04ทำงานออฟไลน์เมื่อโหลดหน้าแล้ว
ทำไม Markdown Preview Tool จึงประหยัดเวลา
การเขียน Markdown โดยไม่มีการแสดงตัวอย่างหมายถึงการสลับไปมาระหว่างตัวแก้ไขข้อความและตัวแสดง — GitHub เซิร์ฟเวอร์ dev ในเครื่อง หรือแพลตฟอร์มเอกสาร สำหรับการตรวจสอบอย่างรวดเร็วบนร่างโพสต์บล็อก การอัปเดต README หรือข้อมูลเอกสาร ระยะเวลาไป-กลับนั้นช้า คุณต้องการวางข้อความและเห็นทันทีว่าหัวข้อถูกต้องหรือไม่ บล็อกรหัสถูกล้อมรอบอย่างถูกต้อง และตารางจัดขึ้น
ตัวแสดง Markdown ของ Handytool ทำสิ่งนั้นเหมือนกัน วางข้อความ Markdown ใดๆ ลงในบานหน้าต่างด้านซ้าย และบานหน้าต่างด้านขวาจะแสดงการแสดงตัวอย่าง HTML ที่แสดงผลอย่างเต็มที่ — หัวข้อที่มีสไตล์ รหัสที่จัดรูปแบบ ลิงก์ที่ทำงาน — ไม่ใช่แท็ก HTML ดิบ เนื่องจากการแสดงผลทำงานภายในเบราว์เซอร์ของคุณ คุณสามารถแสดงตัวอย่างร่าง ข้อมูลเอกสารภายใน หรือเนื้อหาที่ยังไม่ได้เปิดตัวโดยไม่มีข้อมูลใดออกจากเครื่องของคุณ
วิธีแสดงตัวอย่าง Markdown ออนไลน์
- 01
วาง Markdown ของคุณ
วางข้อความ Markdown ใดๆ ลงในบานหน้าต่างด้านซ้าย — README ร่างโพสต์บล็อก ข้อมูลเอกสาร หรือเนื้อหาไฟล์ .md ใดๆ
- 02
คลิกแสดงตัวอย่าง
บานหน้าต่างด้านขวาแสดงผล Markdown เป็น HTML ที่มีสไตล์ หัวข้อ รายการ ตัวหนา italic บล็อกรหัส ตาราง และลิงก์ทั้งหมดจะแสดงตามที่มองเห็นได้ในเบราว์เซอร์
- 03
ตรวจสอบเอาท์พุต
เลื่อนตัวอย่างเพื่อตรวจสอบการจัดรูปแบบ ตรวจสอบไฮไลต์ไวยากรณ์บล็อกรหัส และยืนยันว่าลิงก์และรูปภาพแสดงผลตามที่คาดไว้
- 04
ปรับและแสดงตัวอย่างใหม่ตามต้องการ
แก้ไข Markdown ในบานหน้าต่างด้านซ้ายและคลิกแสดงตัวอย่างอีกครั้ง การอัปเดตเป็นทันที
ไวยากรณ์ Markdown ที่ตัวแสดงแสดงผล
- 01หัวข้อ (# H1 ถึง ###### H6) ที่มีขนาดตามสัดส่วน
- 02ตัวหนา (**text**), italic (*text*), strikethrough (~~text~~)
- 03รายการเรียงลำดับและไม่เรียงลำดับ รายการที่ซ้อนกัน
- 04Blockquotes inline code และ fenced code blocks ที่มีไฮไลต์ไวยากรณ์
- 05ตาราง (GitHub-flavored Markdown)
- 06ลิงก์และรูปภาพพร้อมข้อความ alt
การแสดงผลส่วนตัว — เนื้อหาของคุณอยู่บนอุปกรณ์ของคุณ
ตัวแสดงแสดงผล Markdown โดยใช้ไลบรารี JavaScript ที่โหลดในแท็บเบราว์เซอร์ของคุณ เมื่อคุณวางเนื้อหาและคลิกแสดงตัวอย่าง ไม่มีการส่งผ่านเครือข่าย วางข้อมูลจำเพาะผลิตภัณฑ์ส่วนตัว ประกาศที่เป็นความลับ หรือบันทึกเผยแพร่ภายในและไม่มีสิ่งใดออกจากเครื่องของคุณ
เครื่องมือยังทำงานออฟไลน์ เมื่อโหลดหน้าแล้ว คุณสามารถตัดการเชื่อมต่อจากอินเทอร์เน็ตและกลับมาแสดงตัวอย่างต่อได้ สิ่งนี้ทำให้มีประโยชน์สำหรับเซชั่นเขียนบนเครื่องบิน ในพื้นที่ที่มีการเชื่อมต่ออินเทอร์เน็ตที่ไม่น่าเชื่อถือ หรือในสภาพแวดล้อมที่มีนโยบายเครือข่ายเข้มงวด
Markdown Viewer FAQ
ฉันจะแสดงตัวอย่าง Markdown ออนไลน์ฟรีได้อย่างไร
วาง Markdown ของคุณลงในบานหน้าต่างด้านซ้ายและคลิกแสดงตัวอย่าง บานหน้าต่างด้านขวาแสดงผลอยู่ — Markdown ของคุณไม่เคยออกจากเบราว์เซอร์
ไวยากรณ์ Markdown ใดที่ได้รับการสนับสนุน
ตัวแสดงปฏิบัติตาม CommonMark และรองรับหัวข้อ ตัวหนา italic strikethrough รายการ blockquotes inline code fenced code blocks ตาราง ลิงก์ และรูปภาพ
เนื้อหาของฉันอัปโหลดไปที่ใดก็ได้
ไม่มี การแสดงผลทำงานทั้งหมดในเบราว์เซอร์ของคุณโดยใช้ JavaScript ไม่มีการส่งไปยังเซิร์ฟเวอร์ ดังนั้นแม้แต่เอกสารที่ละเอียดอ่อนก็ปลอดภัยต่อการแสดงตัวอย่าง
ความแตกต่างระหว่าง Markdown viewer และ Markdown to HTML คืออะไร
ตัวแสดง Markdown แสดงการแสดงตัวอย่างภาพที่แสดงผล — ข้อความที่จัดรูปแบบตามที่ผู้อ่านจะเห็น เครื่องมือ Markdown to HTML ส่งออกแหล่ง HTML ดิบที่คุณสามารถคัดลอกลงในโครงการหรือ CMS
ฉันสามารถใช้สิ่งนี้เพื่อตรวจสอบ GitHub README ของฉันก่อนการผลัก
ใช่ ตัวแสดงใช้การแสดงผล GitHub-flavored Markdown ดังนั้นตาราง บล็อกรหัสที่ล้อมรอบ และการขีดข้างใจจะมีลักษณะเหมือนกับบน GitHub
ตัวแสดง Markdown ฟรี
ใช่ ทุกเครื่องมือ Handytool ฟรี — ไม่มีบัญชี การลงทะเบียน หรือข้อ จำกัด ในการใช้งาน