Markdown Preview

ວາງ Markdown ແລະ preview ໄດ້ທັນທີໃນ browser ຂອງທ່ານ (md ເປັນ HTML).

ການແປງເຮັດໃນ browser ນີ້. input ບໍ່ຖືກສົ່ງໄປຫາເຊີບເວີ ແລະ ບໍ່ຖືກຈັດເກັບ.

Local conversion No upload No storage

ການແປງ md ເປັນ HTML (ທັນທີໃນ browser)

  • ພາກຊ້າຍສໍາລັບ input Markdown ແລະ ພາກຂວາສໍາລັບ preview ທີ່ render ແລ້ວ.
  • ສາມາດສະຫຼັບໄປແຖບ HTML ໄດ້ທຸກເວລາເພື່ອກວດ source HTML ທີ່ສ້າງຂຶ້ນ.
  • ເມື່ອ live preview ປິດຢູ່, ໃຫ້ອັບເດດດ້ວຍ Ctrl/Cmd + Enter.

Markdown ທີ່ຮອງຮັບ (GFM subset) ແລະ ຄວາມແຕກຕ່າງຈາກ GitHub

ຮອງຮັບ

  • Headings, paragraphs, emphasis, links, images
  • ລາຍການແບບ bullet ແລະ ມີຕົວເລກ
  • Blockquote ແລະ fenced code block
  • ຕາຕະລາງ ແລະ task list
  • Strikethrough

Not supported (initial)

  • Math (LaTeX)
  • Mermaid
  • GitHub extension ແລະ CSS ໃຫ້ເໝືອນແບບພໍດີ

output ຖືກອອກແບບໃຫ້ໃກ້ຄຽງກັບການ render ຂອງ GitHub, ແຕ່ບໍ່ຮັບປະກັນວ່າຈະກົງກັນແບບພໍດີ.

How to use

  1. ວາງ Markdown ໃສ່ພາກ input.
  2. ກວດຜົນທີ່ render ແລ້ວໃນແຖບ Preview.
  3. Copy ຫຼື download HTML ທີ່ສ້າງແລ້ວເມື່ອຈໍາເປັນ.

ຕົວຢ່າງ

README-like snippet

Input: Heading + table + code + task list

Output: preview HTML ທີ່ render ແລ້ວເພື່ອກວດໂຄງສ້າງ

Blog HTML export

Input: note ງ່າຍໆພ້ອມ list ແລະ links

Output: HTML ທີ່ຈັດຮູບແບບແລ້ວ ພ້ອມ copy ຫຼື download

FAQ

ມັນເຫມືອນກັບການ render ຂອງ GitHub ແບບພໍດີບໍ?

ການໃຫ້ກົງແບບພໍດີເຮັດໄດ້ຍາກ. ເຄື່ອງມືນີ້ຮອງຮັບ GFM subset ທີ່ສະຖຽນ, ດັ່ງນັ້ນ GitHub-specific extensions ແລະ CSS ອາດແຕກຕ່າງກັນ.

ຮອງຮັບ math ແລະ Mermaid ບໍ?

ຍັງບໍ່ໃນເວີຊັນທໍາອິດ. ອາດຈະເພີ່ມເປັນຟີເຈີເສີມຕາມຄວາມຕ້ອງການ.

input ຂອງຂ້ອຍຖືກຈັດເກັບບໍ?

ບໍ່. ການແປງເຮັດໃນ browser ຂອງທ່ານ ແລະ input ບໍ່ຖືກສົ່ງໄປຫາເຊີບເວີ.

ຂ້ອຍສາມາດນໍາ HTML ທີ່ export ໄປວາງໃນບໍລິການ blog ໄດ້ໂດຍກົງບໍ?

ໂດຍທົ່ວໄປໄດ້, ແຕ່ບາງບໍລິການຈໍາກັດແທັກ HTML. ໃຫ້ປະຕິບັດຕາມກົດຂອງບໍລິການປາຍທາງ.

ໝາຍເຫດ

  • input ຈະຫາຍໄປເມື່ອ refresh ຫຼື ປິດໜ້າ. ດາວໂຫຼດ HTML ໄວ້ຖ້າຈໍາເປັນ.
  • sanitization ຈະຖືກນໍາໃຊ້ສະເໝີເພື່ອຄວາມປອດໄພ, ແມ່ນແມ່ນວ່າຈະອະນຸຍາດ HTML ກໍຕາມ.
  • ສໍາລັບ input ທີ່ຍາວຫຼາຍ, live updates ຈະຖືກ throttle ເພື່ອໃຫ້ UI ຕອບສະໜອງໄດ້ດີ.