ข้ามไปยังเนื้อหา
เครื่องมือแปลงไฟล์

แปลง Markdown เป็น HTML

แปลง Markdown เป็น HTML ด้วยไลบรารี markdown-js ซึ่งใช้ไวยากรณ์ดั้งเดิมของ John Gruber HTML ดิบในต้นฉบับจะถูก Escape เป็นข้อความ และไม่รองรับส่วนขยาย GitHub เช่น ตารางและบล็อกโค้ดแบบล้อมรั้ว

วางส่วนหนึ่งของ README หรือบันทึกการออกรุ่นลงช่อง CMS ที่รับเฉพาะ HTML

Markdown

HTML

เหมาะกับงานแบบไหน

  • วางส่วนหนึ่งของ README หรือบันทึกการออกรุ่นลงช่อง CMS ที่รับเฉพาะ HTML
  • ตรวจว่า Markdown พื้นฐานแต่ละส่วนสร้างแท็ก HTML อะไร

วิธีใช้

  1. วาง Markdown ในตัวแก้ไขด้านซ้าย หรือโหลดไฟล์ .md
  2. อ่าน HTML ที่สร้างด้านขวาและตรวจตัวอย่างที่เรนเดอร์ด้านล่างสำหรับหัวข้อ รายการ และลิงก์
  3. คัดลอก HTML ซึ่งมีเฉพาะมาร์กอัปเนื้อหา แล้วเพิ่ม CSS ของคุณในตำแหน่งที่นำไปวาง

Markdown

## Install

Run the **CLI** once:

    npm install -g douni

1. Open the [docs](https://douni.one)
2. Paste your file

| a | b |

HTML

<h2>Install</h2>

<p>Run the <strong>CLI</strong> once:</p>

<pre><code>npm install -g douni</code></pre>

<ol>
  <li>Open the <a href="https://douni.one">docs</a></li>
  <li>Paste your file</li>
</ol>

<p>| a | b |</p>

รายละเอียดและข้อจำกัด

แปลงในเบราว์เซอร์ ผลลัพธ์เป็นส่วน HTML ที่ไม่มี <html>, <head> หรือสไตล์ชีต ตัวอย่างเรนเดอร์ในเฟรมแซนด์บ็อกซ์ที่ปิดสคริปต์

รองรับเฉพาะ Markdown ดั้งเดิม ตารางที่ใช้ขีดตั้ง รายการงาน ~~strikethrough~~ และโค้ดที่ล้อมด้วย ``` จะคงเป็นข้อความ ใช้การเยื้อง 4 ช่องว่างสำหรับบล็อกโค้ด

HTML อินไลน์ เช่น <div> จะถูก Escape เป็น &lt;div&gt; ไม่ส่งผ่านเป็นแท็ก

รูปภาพจะเป็นแท็ก <img> ที่ชี้ไปยัง URL เดิม โดยไม่ฝังไฟล์

FAQ

ทำไมโค้ดที่ล้อมด้วย ``` จึงไม่กลายเป็นบล็อก <pre>?

ไลบรารีนี้สร้างก่อนมีโค้ดแบบล้อมรั้ว จึงมองเป็นโค้ดอินไลน์ในย่อหน้า ให้เยื้องโค้ดสี่ช่องว่างเพื่อสร้าง <pre><code>

รองรับตาราง GitHub Flavored Markdown หรือไม่?

ไม่ บรรทัดอย่าง | a | b | จะออกมาเป็นย่อหน้าปกติ

คง HTML ดิบใน Markdown ได้หรือไม่?

ไม่ได้ แท็ก HTML จะถูก Escape และแสดงเป็นข้อความในผลลัพธ์ ดังนั้น <div> ที่ฝังไว้จะไม่เรนเดอร์เป็นองค์ประกอบ

ข้อกำหนดและแหล่งอ้างอิง