การพิมพ์ด้วย Markdown filter

เวปนี้ผมไม่ได้ใช้ตัวช่วยพิมพ์อะไรเป็นพิเศษนะครับ อาศัยใช้ Markdown filter แทน

Markdown เป็น input filter แบบนึงพัฒนาโดยคุณ John Gruber ที่ทำให้การพิมพ์เนื้อหาบนเวปทำได้สะดวกและอ่านได้ง่ายขึ้น ไม่เหมือนแต่ก่อนที่เวลาเราบังคับเนื้อหาให้แสดงผลอย่างใดอย่างนึง เราต้องใส html tag ครอบเนื้อหาที่เราต้องการลงไป เช่น

<h1>heading</h1>

จะได้

heading

แต่ markdown จะทำให้เหลือการพิมพ์แบบนี้แทน

# heading

จะได้

heading

และนี่เป็นตัวอย่างของการใช้ markdown ในลักษณะต่าง ๆ นะครับ


  • Heading - การทำ Heading
  • List - การทำ list แบบต่าง ๆ
  • Link - การทำ url link ไปยังเวปอื่น
  • Emphasis - การเน้นข้อความ
  • Strong - การทำตัวหนา (จะไม่แสดงผลบนเครื่อง mac)
  • Quote - การ quote ข้อความ
  • Horizontal Line - การใส่เส้นคั่นหน้า

Heading - กำหนดความหนาของตัวหนังสือ

พิมพ์ว่า

# heading 1
## heading 2
### heading 3

จะได้

heading 1

heading 2

heading 3


List - กำหนด list แบบต่าง ๆ

พิมพ์ว่า

* รายการที่ 1
* รายการที่ 2 
* รายการที่ 3

จะได้

  • รายการที่ 1
  • รายการที่ 2
  • รายการที่ 3

หรือพิมพ์ว่า

1. รายการที่ 1
2. รายการที่ 2 
3. รายการที่ 3

จะได้

  1. รายการที่ 1
  2. รายการที่ 2
  3. รายการที่ 3

การทำ Link ไปยัง url ที่ต้องการ

พิมพ์ว่า

[ต้มยำทำเวป](http:tomyumtumweb.com)

จะได้
ต้มยำทำเวป


การเน้นข้อความ

พิมพ์ว่า

_ข้อวามที่ต้องเน้น_ หรือ
*ข้อวามที่ต้องเน้น*

(ทั้งสองแบบให้ผลเหมือนกัน)
จะได้
ข้อวามที่ต้องการเน้น


การทำตัวหนา

พิมพ์ว่า

__ข้อความที่ต้องการทำตัวหนา__ หรือ
**ข้อความที่ต้องการทำตัวหนา**

(ทั้งสองแบบให้ผลเหมือนกัน)
จะได้
ข้อความที่ต้องการทำตัวหนา


การใส่ Blockquote

พิมพ์ว่า

> ข้อความ หรือย่อหน้าที่ต้องการ
> ข้อความ หรือย่อหน้าที่ต้องการ
> ข้อความ หรือย่อหน้าที่ต้องการ

(เราต้องใส่เครื่องหมาย ">" ทุก ๆ บรรทัดของ quote ครับ)
จะได้

ข้อความ หรือย่อหน้าที่ต้องการ
ข้อความ หรือย่อหน้าที่ต้องการ
ข้อความ หรือย่อหน้าที่ต้องการ


การใส่ Horizontal line

พิมพ์ว่า

---

(เครื่องหมายลบ 3 อันติดกัน หรือมากกว่า)
จะได้


note :
1. อ่าน syntax เพิ่มเติมได้ที่ http://daringfireball.net/projects/markdown/systax
2. โมดุล Markdown filter สำหรับนำมาใช้งานบน drupal http://drupal.org/project/markdown

Comments

Post new comment

The content of this field is kept private and will not be shown publicly.
  • You can use Markdown syntax to format and style the text. Also see Markdown Extra for tables, footnotes, and more.
  • Allowed HTML tags: <embed> <div> <p> <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <br> <img> <hr> <h1> <h2> <h3> <h4> <blockquote> <quote> <pre> <th> <tr> <td> <table> <thead> <tbody>
  • Web page addresses and e-mail addresses turn into links automatically.
  • Lines and paragraphs break automatically.

More information about formatting options

CAPTCHA
กรอกตัวหนังสือที่เห็นนี้ให้ถูกต้องนะครับ (มีไว้กัน spam)
Image CAPTCHA
Enter the characters shown in the image.