Markdown Editor

Markdown editor คืออะไร?

ตัวแก้ไข Markdown เป็นเครื่องมือที่ช่วยให้คุณสามารถแก้ไขข้อความที่เขียนด้วยไวยากรณ์ Markdown พร้อมทั้งดูตัวอย่างว่าข้อความนั้นจะแสดงผลอย่างไรในความเป็นจริง Markdown ใช้สัญลักษณ์ง่ายๆ เช่น “#” สำหรับหัวข้อ “-” สำหรับรายการที่มีเครื่องหมายหัวลูกศร และ “**” สำหรับข้อความตัวหนาMarkdown อ่านและเขียนได้ง่ายกว่าการเขียนแท็ก HTML โดยตรง และถูกใช้ในบริบทที่หลากหลาย รวมถึง README เอกสารทางเทคนิค บทความบล็อก บันทึก ข้อกำหนด และข้อความในแชท

เครื่องมือนี้ให้ดูตัวอย่างแบบเรียลไทม์ของข้อมูลที่คุณป้อนคุณสามารถแทรกการจัดรูปแบบ เช่น ตัวหนา ตัวเอียง หัวข้อ คำพูด รหัส ลิงก์ รูปภาพ รายการ และตาราง ได้โดยตรงจากแถบเครื่องมือ ดังนั้นคุณจึงไม่จำเป็นต้องจำไวยากรณ์ Markdown ทั้งหมด นอกจากนี้ นอกจากการคัดลอก Markdown ที่คุณได้ป้อนแล้ว คุณยังสามารถคัดลอก HTML ที่แปลงแล้ว หรือบันทึกเป็นไฟล์ .md หรือ HTML ได้

รูปแบบไวยากรณ์ที่รองรับจะแตกต่างกันไปตามสำนวน Markdown และบริการที่ใช้ นอกเหนือจากรูปแบบไวยากรณ์ที่ใช้กันทั่วไป เครื่องมือนี้ยังให้การสนับสนุนแบบง่ายสำหรับข้อความขีดฆ่า รายการตรวจสอบ บล็อกโค้ด และตาราง เมื่อวางข้อความลงใน GitHub บริการบล็อก ระบบจัดการเนื้อหา (CMS) หรือแพลตฟอร์มอื่น ๆ โปรดตรวจสอบการแสดงผลสุดท้ายบนเว็บไซต์ปลายทาง

ข้อความที่คุณป้อนจะไม่ถูกส่งไปยังเซิร์ฟเวอร์ แต่จะถูกแปลงโดยใช้ JavaScript ภายในเบราว์เซอร์ แม้ว่าการออกแบบนี้จะช่วยให้การใช้งานสะดวกสำหรับร่างก่อนเผยแพร่หรือเอกสารภายใน แต่เนื้อหาอาจยังคงอยู่ในประวัติเบราว์เซอร์หรือคลิปบอร์ดบนอุปกรณ์ที่ใช้ร่วมกัน โปรดปฏิบัติตามกฎระเบียบของสภาพแวดล้อมการทำงานของคุณเกี่ยวกับการจัดการข้อมูลลับ

คุณสมบัติหลัก

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

วิธีใช้

1. ป้อน Markdown ลงในช่องป้อนข้อมูลด้านซ้าย
2. ใช้เครื่องมือจัดรูปแบบจากแถบเครื่องมือตามความจำเป็น
3. ตรวจสอบการแสดงผลในส่วนดูตัวอย่างแบบเรียลไทม์ทางด้านขวา
4. หากต้องการดูเนื้อหาในหน้าต่างแยกเพื่ออ่านให้สะดวกยิ่งขึ้น ให้คลิก “ดูในหน้าต่างแยก”
5. คัดลอกและบันทึก Markdown หรือ HTML ตามความต้องการ

ข้อควรระวังในการใช้งาน

• ขอบเขตการสนับสนุน Markdown และวิธีการแสดงผลจะแตกต่างกันไปตามบริการ
• เพื่อความปลอดภัย ระบบแสดงตัวอย่างจะปฏิบัติกับแท็ก HTML ที่ป้อนเข้ามาเป็นข้อความธรรมดา แทนที่จะดำเนินการตามแท็กดังกล่าว
• ภาพจากแหล่งภายนอกจะแสดงขึ้นโดยการเข้าถึงแหล่งที่มาของ URL ภาพ
• สำหรับประโยคที่ยาวมาก การอัปเดตตัวอย่างอาจใช้เวลาสักครู่ ขึ้นอยู่กับประสิทธิภาพของอุปกรณ์ของคุณ
• เมื่อใช้ HTML ที่แปลงแล้ว โปรดตรวจสอบให้แน่ใจว่าสอดคล้องกับข้อกำหนดด้านความปลอดภัยของเว็บไซต์ปลายทาง

คำถามที่มักถูกถาม

Markdown คืออะไร?

ภาษาเครื่องหมายแบบเบาที่ใช้สัญลักษณ์เพื่อแสดงหัวข้อ ข้อความเน้นย้ำ รายการ ลิงก์ และอื่นๆ อีกมากมาย มีลักษณะเด่นคือความสามารถในการรักษาความอ่านได้ของข้อความต้นฉบับ

ข้อความที่ฉันป้อนจะถูกส่งไปยังเซิร์ฟเวอร์หรือไม่?

ไม่ การแปลงจาก Markdown เป็น HTML และการดูตัวอย่างจะดำเนินการภายในเบราว์เซอร์

สามารถใส่แท็ก HTML ได้โดยตรงหรือไม่?

คุณสามารถป้อนข้อความได้ แต่เพื่อเหตุผลด้านความปลอดภัย ข้อความดังกล่าวจะแสดงเป็นข้อความธรรมดาแทนที่จะถูกประมวลผลเป็น HTML โปรดใช้ไวยากรณ์ Markdown

มันเข้ากันได้กับ GitHub Flavored Markdown อย่างสมบูรณ์หรือไม่?

นอกจาก Markdown มาตรฐานแล้ว เรายังสนับสนุนองค์ประกอบการจัดรูปแบบพื้นฐาน เช่น ตาราง รายการตรวจสอบ และข้อความขีดฆ่า; อย่างไรก็ตาม สิ่งนี้ไม่ได้จำลองข้อกำหนดเฉพาะของ GitHub ทั้งหมดอย่างครบถ้วน

บล็อกโค้ดจะถูกแบ่งสีหรือไม่?

โค้ดเฟนซ์ที่ระบุชื่อภาษาจะถูกแสดงด้วยแอตทริบิวต์ `class` แต่เนื่องจากหน้านี้ไม่ใช้ไลบรารีการเน้นสีไวยากรณ์ จึงไม่มีการจัดสีอัตโนมัติ

สามารถแปลง Markdown เป็น HTML ได้ไหม?

ใช่ครับ คุณสามารถคัดลอก HTML ที่ใช้สำหรับดูตัวอย่างได้โดยคลิก "Copy HTML" หรือ "Save HTML"

สามารถบันทึกไฟล์ Markdown ได้หรือไม่?

ใช่ครับ การคลิก “Save .md” จะบันทึกข้อมูลของคุณเป็นไฟล์ Markdown แบบ UTF-8

เขียนตารางอย่างไร?

ป้อนหัวข้อในบรรทัดแรก รายการที่คั่นด้วยเครื่องหมายขีดในบรรทัดที่สอง และข้อมูลที่คั่นด้วยเส้นแนวตั้งในบรรทัดที่สามและบรรทัดถัดไป คุณสามารถแทรกแม่แบบได้โดยใช้ปุ่มตารางบนแถบเครื่องมือ

ทำไมการแบ่งบรรทัดไม่ปรากฏในโหมดดูตัวอย่าง?

ใน Markdown การขึ้นบรรทัดใหม่หนึ่งครั้งจะถือเป็นย่อหน้าเดียว เพื่อสร้างย่อหน้าใหม่ ให้แทรกบรรทัดว่างหนึ่งบรรทัด ส่วนหากต้องการขึ้นบรรทัดใหม่แบบบังคับ ให้แทรกช่องว่างครึ่งความกว้างสองช่องที่ท้ายบรรทัด

สามารถแทรกภาพได้ไหม?

ใช่ คุณสามารถกำหนด URL สาธารณะสำหรับรูปภาพได้ อย่างไรก็ตาม เราไม่ทำการอัปโหลดไฟล์ท้องถิ่นหรือบันทึกไฟล์เหล่านั้นลงบนเซิร์ฟเวอร์

สามารถใช้งานได้บนสมาร์ทโฟนหรือไม่?

ใช่ครับ บนหน้าจอที่มีขนาดแคบ ช่องกรอกข้อมูลและส่วนแสดงตัวอย่างจะถูกจัดวางในแนวตั้ง ทำให้คุณสามารถแก้ไขเนื้อหาได้แม้บนสมาร์ทโฟน

ผมสามารถเผยแพร่ HTML ที่คัดลอกมาได้ทันทีหรือไม่?

คุณสามารถใช้โค้ดนี้เป็น HTML พื้นฐานได้ แต่โปรดตรวจสอบให้แน่ใจก่อนเผยแพร่ เนื่องจากรูปแบบการแสดงผลอาจแตกต่างกันไปขึ้นอยู่กับ CSS และการตั้งค่าความปลอดภัยของเว็บไซต์ที่ใช้งานจริง