Markdown Editor at Previewer

Paano gamitin ang Markdown editor

1. Magsulat o mag-paste ng Markdown sa kahon na Markdown. Ang Preview sa tabi nito (sa ilalim nito sa phone) ay nag-a-update habang nagta-type ka.
2. Gamitin ang mga button ng Formatting (Bold, Italic, Heading, Link, Listahan, Quote, Code) para balutin ang napiling text, o pindutin ang Ctrl+B / Ctrl+I (⌘B / ⌘I sa Mac).
3. Panatilihing naka-tick ang GitHub Flavored Markdown (tables, task lists, ~~strikethrough~~, autolinks) para sa syntax na ginagamit sa GitHub, o alisin ang tick para sa payak na Markdown na istilong CommonMark.
4. Kapag tapos ka na, i-click ang Kopyahin ang HTML para i-paste ang HTML sa isang CMS o email template, I-download ang .md para i-save ang Markdown source, o I-download ang .html para makakuha ng kumpletong web page.

Ipinapakita ng mga counter sa ilalim ng editor ang Mga salita at Mga character ng iyong dokumento, at ang tinatayang Oras ng pagbabasa sa bilis na 200 salita kada minuto. Binibilang ang mga salita sa na-render na text, kaya hindi dinadagdagan ng mga simbolo ng Markdown gaya ng # o ** ang bilang.

Autosave sa iyong browser

Kapag naka-tick ang Autosave sa browser na ito, sine-save ang iyong draft ilang sandali matapos kang tumigil sa pagta-type, sa local storage ng iyong browser sa device na ito. Pagbalik mo, ibabalik ang huling draft. Walang ipinapadala sa server, kaya hindi sumasama ang draft sa ibang browser o device. Sa private browsing, o kung puno o naka-block ang storage, sasabihin ng tool na hindi available ang autosave: i-download ang iyong text para hindi ito mawala. Binubura ang naka-save na draft kapag inalis mo ang tick ng opsyon.

Markdown cheat sheet

• Mga heading: # Title, ## Section, ### Subsection
• Diin: **bold**, _italic_, ~~strikethrough~~ (GFM)
• Mga link: [text](https://example.com); sa GFM, nagiging link din ang mga hubad na URL
• Mga larawan: ![description](data:image/png;base64,…)
• Mga listahan: - item o 1. item; task list gamit ang - [ ] at - [x] (GFM)
• Mga quote: > quoted text
• Code: `inline` o isang block sa pagitan ng dalawang linya ng tatlong backtick
• Mga table (GFM): isang header row, isang linyang | --- | --- |, at pagkatapos ay isang row bawat linya

Kaligtasan ng preview at ng export

Maaaring maglaman ng raw HTML ang Markdown, na maaaring magtago ng mga script. Sa bawat pag-refresh ng preview, nililinis gamit ang DOMPurify ang HTML na nagawa ng Markdown engine bago ito ipakita: inaalis ang mga script, event handler gaya ng onclick, mga link na javascript:, inline style, form, frame at naka-embed na media. Nagbubukas sa bagong tab ang mga link. Ang parehong nalinis na HTML ang ginagamit ng Kopyahin ang HTML at I-download ang .html, kaya mapagkakatiwalaan mo itong i-paste sa ibang page.

Ang mga larawang naka-embed lang bilang data: o blob: URL ang ipinapakita ng preview. Hindi kailanman nilo-load ang mga remote na larawan, gaya ng https://…/photo.jpg: hinaharang ito ng security policy ng page na ito, at nangangahulugan din ito na hindi magagamit ang preview para subaybayan ka. Sasabihin sa iyo ng tool kung ilang larawan ang hindi nito naipakita. Pinananatili ng Markdown na idina-download mo ang orihinal na mga link ng larawan, kaya gagana ang mga ito saanman mo ito i-publish.

Ang .html file ay isang standalone na page na may maliit na built-in na stylesheet (mababasang font, table, code block at dark mode). Mula sa unang heading ng iyong dokumento ang pamagat nito, na siya ring ipinapangalan sa mga na-download na file.