Markdown ਤੋਂ HTML ਕਨਵਰਟਰ — Markdown ਨੂੰ HTML ਵਿੱਚ ਔਨਲਾਈਨ ਬਦਲੋ _

Markdown ਤੋਂ HTML ਬਦਲਾਅ ਕੀ ਹੈ?

Markdown ਇੱਕ ਹਲਕਾ ਸਾਦਾ-ਟੈਕਸਟ ਫਾਰਮੈਟ ਹੈ ਜੋ ਸੰਰਚਿਤ ਗੱਦ ਨੂੰ ਏਨਕੋਡ ਕਰਨ ਲਈ ਘੱਟੋ-ਘੱਟ ਵਿਰਾਮ ਚਿੰਨ੍ਹ ਵਰਤਦਾ ਹੈ (ਸਿਰਲੇਖਾਂ ਲਈ #, ਜ਼ੋਰ ਲਈ *, ਸੂਚੀ ਆਈਟਮਾਂ ਲਈ -)। GitHub Flavored Markdown (GFM) ਮੂਲ CommonMark ਸਪੈੱਕ ਨੂੰ ਸਾਰਣੀਆਂ, ਸਟ੍ਰਾਈਕਥਰੂ, ਕੰਮ ਸੂਚੀਆਂ, ਅਤੇ ਆਟੋਲਿੰਕਾਂ ਨਾਲ ਵਧਾਉਂਦਾ ਹੈ। HTML ਉਹ ਰੈਂਡਰ ਕੀਤਾ ਰੂਪ ਹੈ ਜੋ ਬ੍ਰਾਊਜ਼ਰ ਦਿਖਾਉਂਦਾ ਹੈ। Markdown ਨੂੰ HTML ਵਿੱਚ ਬਦਲਣ ਨਾਲ ਤੁਸੀਂ ਹਲਕੇ ਸੰਟੈਕਸ ਵਿੱਚ ਲਿਖ ਸਕਦੇ ਹੋ ਅਤੇ ਟੈਗ ਹੱਥੀਂ ਲਿਖੇ ਬਿਨਾਂ ਇੱਕ ਰੈਂਡਰ ਕੀਤੀ ਸਤਹ (README, ਸਥਿਰ-ਸਾਈਟ ਪੰਨਾ, ਈਮੇਲ ਬਾਡੀ) ਉੱਤੇ ਭੇਜ ਸਕਦੇ ਹੋ।

ਕਿਹੜੀਆਂ GitHub Flavored Markdown ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਸਪੋਰਟ ਕੀਤੀਆਂ ਹਨ?

ਬੰਡਲਡ marked@12.0.2 ਪਾਰਸਰ ਪੂਰਾ GFM ਸੁਪਰਸੈੱਟ ਸਪੋਰਟ ਕਰਦਾ ਹੈ: ATX-ਸ਼ੈਲੀ ਸਿਰਲੇਖ # ਤੋਂ ######, ਨੈਸਟਿੰਗ ਵਾਲੀਆਂ ਕ੍ਰਮਬੱਧ ਅਤੇ ਗੈਰ-ਕ੍ਰਮਬੱਧ ਸੂਚੀਆਂ, ਬੋਲਡ **text** ਅਤੇ ਇਟੈਲਿਕ *text*, ਸਟ੍ਰਾਈਕਥਰੂ ~~text~~, ਇਨਲਾਈਨ ਲਿੰਕ [text](url) ਅਤੇ ਇਨਲਾਈਨ ਚਿੱਤਰ ![alt](src), ਵਿਕਲਪਿਕ ਭਾਸ਼ਾ ਟੈਗਾਂ ਵਾਲੇ ਫੈਂਸਡ ਕੋਡ ਬਲਾਕ (```js), ਇਨਲਾਈਨ ਕੋਡ ਸਪੈਨ `code`, ਹੈਡਰ ਕਤਾਰ ਵਾਲੀਆਂ ਪਾਈਪ ਸਾਰਣੀਆਂ, GFM ਕੰਮ ਸੂਚੀਆਂ - [ ] / - [x], ਬਲਾਕਕੋਟਸ >, ਹੋਰੀਜ਼ੌਂਟਲ ਰੂਲ ---, ਅਤੇ ਆਟੋਲਿੰਕਸ। ਹਰ ਇੱਕ ਪ੍ਰੀਵਿਊ ਪੈਨ ਵਿੱਚ ਉਸੇ ਤਰ੍ਹਾਂ ਰੈਂਡਰ ਹੁੰਦਾ ਹੈ ਜਿਵੇਂ GitHub ਰੈਂਡਰ ਕਰਦਾ ਹੈ।

Markdown ਤੋਂ HTML ਬਦਲਾਅ ਕਿਵੇਂ ਕੰਮ ਕਰਦਾ ਹੈ?

ਹਰ ਬਦਲਾਅ ਦੋ ਬੰਡਲਡ ਲਾਇਬ੍ਰੇਰੀਆਂ ਵਰਤ ਕੇ ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਲੋਕਲੀ ਚੱਲਦਾ ਹੈ — ਕੋਈ CDN ਨਹੀਂ, ਕੋਈ fetch ਨਹੀਂ, ਕੋਈ ਟੈਲੀਮੈਟਰੀ ਨਹੀਂ। ਉੱਚ-ਪੱਧਰੀ ਕਦਮ:

1. ਪਾਰਸ: marked.parse(source) ਤੁਹਾਡੀ Markdown ਪੜ੍ਹਦਾ ਹੈ ਅਤੇ ਇੱਕ HTML ਸਟ੍ਰਿੰਗ ਤਿਆਰ ਕਰਦਾ ਹੈ। ਪਾਰਸਰ GFM ਮੋਡ ਵਿੱਚ ਚੱਲਦਾ ਹੈ, ਇਸ ਲਈ ਸਾਰਣੀਆਂ, ਕੰਮ ਸੂਚੀਆਂ, ਸਟ੍ਰਾਈਕਥਰੂ, ਅਤੇ ਆਟੋਲਿੰਕ ਸਾਰੇ ਪਛਾਣੇ ਜਾਂਦੇ ਹਨ।
2. ਸਾਫ਼ ਕਰੋ: HTML ਆਉਟਪੁੱਟ ਨੂੰ innerHTML ਨੂੰ ਅਸਾਈਨ ਕਰਨ ਤੋਂ ਪਹਿਲਾਂ DOMPurify.sanitize(html, { USE_PROFILES: { html: true } }) ਰਾਹੀਂ ਚਲਾਇਆ ਜਾਂਦਾ ਹੈ। DOMPurify ਉਹੀ XSS ਸੈਨੀਟਾਈਜ਼ਰ ਹੈ ਜੋ Mozilla MDN, Atlassian, ਅਤੇ Microsoft 365 ਵਰਤਦੇ ਹਨ — ਇਹ HTML ਨੂੰ ਪਾਰਸ ਕਰਦਾ ਹੈ, DOM ਉੱਤੇ ਚੱਲਦਾ ਹੈ, ਅਤੇ <script> ਤੱਤ, ਹਰ on* ਇਵੈਂਟ ਹੈਂਡਲਰ ਗੁਣ, ਅਤੇ javascript: URI ਸਕੀਮਾਂ ਨੂੰ ਹਟਾਉਂਦਾ ਹੈ।
3. ਰੈਂਡਰ ਕਰੋ: ਸਾਫ਼ ਕੀਤੀ HTML ਨੂੰ innerHTML ਰਾਹੀਂ ਪ੍ਰੀਵਿਊ ਪੈਨ ਵਿੱਚ ਲਿਖਿਆ ਜਾਂਦਾ ਹੈ, ਅਤੇ ਕੱਚੀ HTML ਨੂੰ ਦੂਜੀ ਪੈਨ ਵਿੱਚ ਸਿਰਫ਼-ਪੜ੍ਹਨਯੋਗ <textarea> ਰਾਹੀਂ ਦਿਖਾਇਆ ਜਾਂਦਾ ਹੈ ਤਾਂ ਜੋ ਤੁਸੀਂ ਮਾਰਕਅੱਪ ਕਾਪੀ ਕਰ ਸਕੋ। ਲਾਈਵ ਮੋਡ ਇਨਪੁੱਟ ਨੂੰ 150 ms ਡੀਬਾਊਂਸ ਕਰਦਾ ਹੈ ਤਾਂ ਜੋ ਪ੍ਰੀਵਿਊ ਪਾਰਸਰ ਨੂੰ ਥ੍ਰੈਸ਼ ਕੀਤੇ ਬਿਨਾਂ ਜਿਵੇਂ ਤੁਸੀਂ ਟਾਈਪ ਕਰਦੇ ਹੋ ਅਪਡੇਟ ਹੋਵੇ।

ਇਸ ਟੂਲ ਨਾਲ Markdown ਨੂੰ HTML ਵਿੱਚ ਕਿਉਂ ਬਦਲੋ?

• ਪ੍ਰਾਈਵੇਸੀ: ਹਰ ਪਾਰਸ, ਸਾਫ਼, ਅਤੇ ਰੈਂਡਰ ਪਾਸ ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਹੁੰਦਾ ਹੈ। ਤੁਹਾਡੀ Markdown (ਗੈਰ-ਰਿਲੀਜ਼ਡ ਬਲੌਗ ਪੋਸਟਾਂ, ਅੰਦਰੂਨੀ ਦਸਤਾਵੇਜ਼ ਖਰੜੇ, ਗੁਪਤ README ਸਮੱਗਰੀ) ਕਦੇ ਸਾਡੇ ਸਰਵਰਾਂ ਤੱਕ ਨਹੀਂ ਪਹੁੰਚਦੀ।
• ਡਿਫੌਲਟ ਤੌਰ ਤੇ XSS-ਸੁਰੱਖਿਅਤ: ਰੈਂਡਰ ਕੀਤਾ ਪ੍ਰੀਵਿਊ ਪੈਨ ਹਰ HTML ਸਟ੍ਰਿੰਗ ਨੂੰ innerHTML ਤੋਂ ਪਹਿਲਾਂ DOMPurify ਰਾਹੀਂ ਚਲਾਉਂਦਾ ਹੈ, ਇਸ ਲਈ ਤੁਹਾਡੀ Markdown ਅੰਦਰ ਕੱਚੀ HTML ਵਿੱਚ ਕੋਈ ਖਿੰਡਿਆ <script> ਟੈਗ ਜਾਂ onerror= ਹੈਂਡਲਰ ਇੱਕ ਅਕਿਰਿਆਸ਼ੀਲ ਪ੍ਰੀਵਿਊ ਬਣਾਉਂਦਾ ਹੈ। ਕੱਚੀ ਪੈਨ ਅਣ-ਸਾਫ਼ ਕੀਤੀ ਆਉਟਪੁੱਟ ਨਿਰੀਖਣ ਲਈ ਦਿਖਾਉਂਦੀ ਹੈ, ਜੋ value ਰਾਹੀਂ ਇੱਕ <textarea> ਅੰਦਰ ਬੈਠਦੀ ਹੈ — ਕਦੇ ਚਲਾਈ ਨਹੀਂ ਜਾਂਦੀ।
• GFM-ਪੂਰਾ: ਸਾਰਣੀਆਂ, ਸਟ੍ਰਾਈਕਥਰੂ, ਕੰਮ ਸੂਚੀਆਂ, ਅਤੇ ਆਟੋਲਿੰਕ ਸਾਰੇ ਉਸੇ ਤਰ੍ਹਾਂ ਰੈਂਡਰ ਹੁੰਦੇ ਹਨ ਜਿਵੇਂ GitHub ਰੈਂਡਰ ਕਰਦਾ ਹੈ। ਇੱਕ Markdown ਪਾਈਪ-ਸਾਰਣੀ <thead> ਅਤੇ <tbody> ਵਾਲੀ HTML <table> ਬਣ ਜਾਂਦੀ ਹੈ — ਕੋਈ ਕਤਾਰ ਨਹੀਂ ਛੁੱਟਦੀ, ਕੋਈ ਸੰਰਚਨਾ ਸਮਤਲ ਨਹੀਂ ਹੁੰਦੀ।

Markdown ਤੋਂ HTML ਬਦਲਾਅ ਦੀਆਂ ਆਮ ਵਰਤੋਂ ਕੀ ਹਨ?

Markdown ਨੂੰ HTML ਵਿੱਚ ਬਦਲਣਾ ਦਸਤਾਵੇਜ਼ੀਕਰਨ, ਸਥਿਰ-ਸਾਈਟ ਕੰਮ, ਅਤੇ ਈਮੇਲ ਲੇਖਣ ਵਿੱਚ ਦਿਖਦਾ ਹੈ:

• GitHub README ਲੇਖਣ: ਪ੍ਰੋਜੈਕਟ README ਨੂੰ ਲੋਕਲੀ Markdown ਵਜੋਂ ਖਰੜਾ ਕਰਨਾ ਅਤੇ ਪੁਸ਼ ਕਰਨ ਤੋਂ ਪਹਿਲਾਂ ਰੈਂਡਰ ਕੀਤੀ HTML ਦਾ ਪ੍ਰੀਵਿਊ ਦੇਖਣਾ। ਪ੍ਰੀਵਿਊ ਸਾਰਣੀਆਂ, ਕੰਮ ਸੂਚੀਆਂ, ਅਤੇ ਫੈਂਸਡ ਕੋਡ ਲਈ GitHub ਦੇ GFM ਰੈਂਡਰਰ ਨਾਲ ਮੇਲ ਖਾਂਦਾ ਹੈ।
• ਸਥਿਰ-ਸਾਈਟ ਸਮੱਗਰੀ: ਇੱਕ Markdown ਪੋਸਟ ਪੇਸਟ ਕਰੋ ਅਤੇ ਉਸ CMS ਫੀਲਡ ਜਾਂ ਟੈਮਪਲੇਟਿੰਗ ਇੰਜਣ ਲਈ HTML ਲਓ ਜੋ Markdown ਸਰੋਤ ਦੀ ਬਜਾਏ ਮਾਰਕਅੱਪ ਦੀ ਉਮੀਦ ਰੱਖਦਾ ਹੈ।
• ਈਮੇਲ ਟੈਮਪਲੇਟ: ਇੱਕ ਟ੍ਰਾਂਜੈਕਸ਼ਨਲ-ਈਮੇਲ ਬਾਡੀ ਨੂੰ Markdown ਵਜੋਂ ਲਿਖਣਾ ਅਤੇ ਈਮੇਲ ਸੇਵਾ ਪ੍ਰਦਾਤਾ ਦੇ ਟੈਮਪਲੇਟਿੰਗ ਇੰਜਣ ਲਈ HTML ਵਿੱਚ ਬਦਲਣਾ। ਆਉਟਪੁੱਟ ਸਾਦਾ ਸਿਮੈਂਟਿਕ HTML ਹੈ — ਕੋਈ ਇਨਲਾਈਨ ਸਟਾਈਲ ਨਹੀਂ, ਕੋਈ ਈਮੇਲ-ਕਲਾਇੰਟ ਅਜੀਬਤਾ ਪਰਤ ਨਹੀਂ ਚੜ੍ਹਾਈ ਗਈ।

Markdown ਤੋਂ HTML ਉਦਾਹਰਣ ਕਿਵੇਂ ਦਿਖਦੀ ਹੈ?

# Title\n\n- item 1\n- item 2\n\n[link](https://example.com) ਪੇਸਟ ਕਰਨ ਨਾਲ <h1>Title</h1>, ਦੋ-ਆਈਟਮ ਗੈਰ-ਕ੍ਰਮਬੱਧ ਸੂਚੀ, ਅਤੇ <a href="https://example.com">link</a> ਵਾਲਾ ਪ੍ਰੀਵਿਊ ਪੈਨ ਮਿਲਦਾ ਹੈ। ਕੱਚੀ ਪੈਨ ਠੀਕ ਉਹੀ HTML ਸਟ੍ਰਿੰਗ ਦਿਖਾਉਂਦੀ ਹੈ ਤਾਂ ਜੋ ਤੁਸੀਂ ਇਸਨੂੰ ਸਿੱਧਾ ਟੈਮਪਲੇਟ ਵਿੱਚ ਕਾਪੀ ਕਰ ਸਕੋ। |---|---| ਅਲਾਈਨਮੈਂਟ ਕਤਾਰ ਵਾਲੀ ਪਾਈਪ ਸਾਰਣੀ <thead> ਅਤੇ <tbody> ਵਾਲੀ ਪੂਰੀ <table> ਬਣ ਜਾਂਦੀ ਹੈ — ਇਹ ਪੁਸ਼ਟੀ ਕਰਦਾ ਹੈ ਕਿ GFM ਸਾਰਣੀਆਂ ਉਸੇ ਤਰ੍ਹਾਂ ਰੈਂਡਰ ਹੁੰਦੀਆਂ ਹਨ ਜਿਵੇਂ GitHub ਰੈਂਡਰ ਕਰਦਾ ਹੈ।

ਕੀ ਇਹ Markdown ਤੋਂ HTML ਕਨਵਰਟਰ ਪੂਰੀ ਤਰ੍ਹਾਂ ਮੇਰੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਚੱਲਦਾ ਹੈ?

ਹਾਂ। ਹਰ ਪਾਰਸ, ਸਾਫ਼, ਅਤੇ ਰੈਂਡਰ ਪਾਸ ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਟੈਬ ਅੰਦਰ JavaScript ਵਜੋਂ ਲੋਕਲੀ ਚੱਲਦਾ ਹੈ। ਬੰਡਲ ਕੀਤੀਆਂ ਲਾਇਬ੍ਰੇਰੀਆਂ — marked@12.0.2 ਅਤੇ DOMPurify@3.1.7 — ਪੇਜ ਵਾਂਗ ਉਸੇ ਮੂਲ ਤੋਂ ਸ਼ਿਪ ਹੁੰਦੀਆਂ ਹਨ, ਇਸ ਲਈ ਕੋਈ CDN ਨਿਰਭਰਤਾ ਨਹੀਂ, ਇਨਪੁੱਟ ਉੱਤੇ ਕੋਈ fetch ਨਹੀਂ, ਕੋਈ XMLHttpRequest ਨਹੀਂ, ਕੋਈ navigator.sendBeacon ਨਹੀਂ। ਇੱਕ ਵਾਰ ਪੇਜ ਲੋਡ ਹੋ ਜਾਣ ਤੇ ਟੂਲ ਔਫਲਾਈਨ ਵੀ ਕੰਮ ਕਰਦਾ ਹੈ, ਕਿਉਂਕਿ ਇਹ ਇੱਕ ਸਥਿਰ HTML/CSS/JS ਬੰਡਲ ਹੈ ਜਿਸ ਦੇ ਨਾਲ ਵਿਕਰੇਤਾ ਲਾਇਬ੍ਰੇਰੀਆਂ ਕਾਪੀ ਕੀਤੀਆਂ ਹਨ। ਗੈਰ-ਰਿਲੀਜ਼ ਪੋਸਟਾਂ, ਅੰਦਰੂਨੀ ਦਸਤਾਵੇਜ਼, ਅਤੇ ਗੁਪਤ READMEs ਤੁਹਾਡੇ ਡਿਵਾਈਸ ਉੱਤੇ ਰਹਿੰਦੇ ਹਨ।

ਕੀ ਰੈਂਡਰ ਕੀਤਾ ਪ੍ਰੀਵਿਊ ਪੈਨ XSS-ਸੁਰੱਖਿਅਤ ਹੈ?

ਹਾਂ। innerHTML ਨੂੰ ਅਸਾਈਨ ਕੀਤੀ ਹਰ HTML ਸਟ੍ਰਿੰਗ ਪਹਿਲਾਂ DOMPurify.sanitize(html, { USE_PROFILES: { html: true } }) ਰਾਹੀਂ ਲੰਘਦੀ ਹੈ। DOMPurify Cure53 ਦੁਆਰਾ ਸੰਭਾਲਿਆ ਓਪਨ-ਸੋਰਸ XSS ਸੈਨੀਟਾਈਜ਼ਰ ਹੈ; ਇਹ ਉਹੀ ਲਾਇਬ੍ਰੇਰੀ ਹੈ ਜੋ Mozilla MDN, Atlassian, ਅਤੇ Microsoft 365 ਉਪਭੋਗਤਾ-ਸਪਲਾਈ ਕੀਤੀ HTML ਨੂੰ ਮਜ਼ਬੂਤ ਕਰਨ ਲਈ ਵਰਤਦੇ ਹਨ। ਡਿਫੌਲਟ html ਪ੍ਰੋਫਾਈਲ <script> ਤੱਤ, ਹਰ on* ਇਵੈਂਟ-ਹੈਂਡਲਰ ਗੁਣ (onerror, onclick, ਆਦਿ), href / src ਅੰਦਰ javascript: URI ਸਕੀਮਾਂ, ਅਤੇ ਜਾਣੇ-ਖ਼ਤਰਨਾਕ CSS ਸਮੀਕਰਨਾਂ ਨੂੰ ਹਟਾਉਂਦਾ ਹੈ। ਜੇ ਤੁਹਾਡੀ Markdown ਕੱਚੀ <img src=x onerror=alert(1)> ਸ਼ਾਮਲ ਕਰਦੀ ਹੈ, ਤਾਂ ਅਜਿਹਾ ਪ੍ਰੀਵਿਊ ਬਣਦਾ ਹੈ ਜਿੱਥੇ document.querySelector('#output-preview img[onerror]') null ਮੋੜਦਾ ਹੈ ਅਤੇ ਕੋਈ ਅਲਰਟ ਨਹੀਂ ਚੱਲਦਾ।

ਕੀ GFM ਸਾਰਣੀਆਂ ਸਪੋਰਟ ਕੀਤੀਆਂ ਹਨ?

ਹਾਂ। Markdown → HTML ਦਿਸ਼ਾ marked ਦੇ GFM ਮੋਡ ਰਾਹੀਂ ਪਾਈਪ ਸਾਰਣੀਆਂ ਨੂੰ ਮੂਲ ਰੂਪ ਵਿੱਚ ਸੰਭਾਲਦੀ ਹੈ — ਇੱਕ ਹੈਡਰ ਕਤਾਰ ਜੋ ਇੱਕ |---|---| ਅਲਾਈਨਮੈਂਟ ਕਤਾਰ ਨਾਲ ਵੱਖ ਕੀਤੀ ਹੈ, ਉਸ ਤੋਂ ਬਾਅਦ ਡਾਟਾ ਕਤਾਰਾਂ, <thead> + <tbody> ਵਾਲੀ ਇੱਕ <table> ਬਣਾਉਂਦੀ ਹੈ। ਸਟ੍ਰਾਈਕਥਰੂ (~~text~~ → <del>text</del>) ਅਤੇ ਕੰਮ ਸੂਚੀਆਂ (- [ ] / - [x] → <input type="checkbox">) ਉਸੇ ਤਰ੍ਹਾਂ ਰੈਂਡਰ ਹੁੰਦੀਆਂ ਹਨ ਜਿਵੇਂ GitHub ਰੈਂਡਰ ਕਰਦਾ ਹੈ।

ਕੀ ਮੇਰੀ Markdown ਨੁਕਸਾਨ-ਰਹਿਤ ਬਦਲੇਗੀ?

ਕੈਨੋਨੀਕਲ GFM ਵਿਸ਼ੇਸ਼ਤਾ ਸੈੱਟ ਲਈ (h1 ਤੋਂ h6 ਤੱਕ ਸਿਰਲੇਖ, ਨੈਸਟਿੰਗ ਵਾਲੀਆਂ ਕ੍ਰਮਬੱਧ ਅਤੇ ਅਕ੍ਰਮਬੱਧ ਸੂਚੀਆਂ, ਬੋਲਡ / ਇਟੈਲਿਕ / ਸਟ੍ਰਾਈਕਥਰੂ, ਇਨਲਾਈਨ ਲਿੰਕ, ਇਨਲਾਈਨ ਚਿੱਤਰ, ਭਾਸ਼ਾ ਟੈਗਾਂ ਵਾਲੇ ਫੈਂਸਡ ਕੋਡ ਬਲਾਕ, ਇਨਲਾਈਨ ਕੋਡ ਸਪੈਨ, ਪਾਈਪ ਸਾਰਣੀਆਂ, ਕੰਮ ਸੂਚੀਆਂ, ਬਲਾਕਕੋਟ, ਖਿਤਿਜੀ ਨਿਯਮ, ਅਤੇ ਆਟੋਲਿੰਕ) HTML ਆਉਟਪੁੱਟ ਸਥਿਰ ਹੈ ਅਤੇ GitHub ਦੇ ਰੈਂਡਰਰ ਨਾਲ ਮੇਲ ਖਾਂਦੀ ਹੈ। ਜਾਣਨ ਯੋਗ ਦੋ ਵਿਵਹਾਰ: ਤੁਹਾਡੀ Markdown ਅੰਦਰ ਕੱਚੀ ਇਨਲਾਈਨ HTML (ਜਿਵੇਂ <sub>text</sub>) ਆਉਟਪੁੱਟ ਵਿੱਚ ਬਿਨਾਂ ਬਦਲੇ ਲੰਘਦੀ ਹੈ, ਅਤੇ CommonMark setext ਸਿਰਲੇਖ (=== ਅੰਡਰਲਾਈਨ) ਅਤੇ ATX ਸਿਰਲੇਖ (# Title) ਦੋਵੇਂ ਇੱਕੋ <h1> ਬਣਾਉਂਦੇ ਹਨ। ਇਹ ਦਸਤਾਵੇਜ਼ੀ marked ਵਿਵਹਾਰ ਹਨ, ਬੱਗ ਨਹੀਂ। ਜੇ ਤੁਹਾਨੂੰ ਉਲਟ ਦਿਸ਼ਾ ਚਾਹੀਦੀ ਹੈ — ਰੈਂਡਰ ਕੀਤੀ HTML ਨੂੰ ਵਾਪਸ Markdown ਵਿੱਚ ਖਿੱਚਣਾ — ਤਾਂ HTML ਤੋਂ Markdown ਟੂਲ ਵਰਤੋ।

ਕੀ ਫੈਂਸਡ ਕੋਡ ਬਲਾਕਾਂ ਵਿੱਚ ਸਿੰਟੈਕਸ ਹਾਈਲਾਈਟਿੰਗ ਸਪੋਰਟ ਕੀਤੀ ਹੈ?

v1 ਵਿੱਚ ਨਹੀਂ। ਫੈਂਸਡ ਕੋਡ ਬਲਾਕ ਮੋਨੋਸਪੇਸਡ ਫੌਂਟ ਅਤੇ ਇੱਕ ਸੂਖਮ ਬੈਕਗ੍ਰਾਊਂਡ ਨਾਲ ਰੈਂਡਰ ਹੁੰਦੇ ਹਨ ਪਰ ਪ੍ਰਤੀ-ਭਾਸ਼ਾ ਟੋਕਨ ਹਾਈਲਾਈਟਿੰਗ ਤੋਂ ਬਿਨਾਂ। ਸੰਟੈਕਸ ਹਾਈਲਾਈਟਿੰਗ ਜੋੜਨ ਲਈ Prism ਜਾਂ highlight.js ਨੂੰ ਬੰਡਲ ਕਰਨਾ ਪਵੇਗਾ, ਜਿਨ੍ਹਾਂ ਵਿੱਚੋਂ ਹਰ ਇੱਕ 15–40 KB ਜੋੜਦਾ ਹੈ ਨਾਲ ਹੀ ਇੱਕ ਪ੍ਰਤੀ-ਭਾਸ਼ਾ ਵਿਆਕਰਣ ਫਾਈਲ ਅਤੇ ਇੱਕ ਥੀਮ ਮੈਟ੍ਰਿਕਸ ਜਿਸ ਨੂੰ Workshop Terminal ਪੈਲੇਟ ਨਾਲ ਅਲਾਈਨ ਕਰਨ ਦੀ ਲੋੜ ਹੋਵੇਗੀ। ਫਿਲਹਾਲ, ਰੈਂਡਰਰ ਸ਼ੁੱਧਤਾ ਅਤੇ XSS-ਸੁਰੱਖਿਆ ਉੱਤੇ ਕੇਂਦਰਿਤ ਹੈ; ਜੇ ਇਨਲਾਈਨ ਹਾਈਲਾਈਟਿੰਗ ਲਈ ਉਪਭੋਗਤਾ ਮੰਗ ਹੋਵੇ, ਤਾਂ ਇੱਕ ਆਪਟ-ਇਨ ਟੌਗਲ ਇੱਕ ਸੰਭਵ ਫਾਲੋ-ਅੱਪ ਹੈ।

ਇਹ Markdown ਤੋਂ HTML ਕਨਵਰਟਰ ਉਸੇ ਮੂਲ ਉੱਤੇ ਬੰਡਲ ਕੀਤੀਆਂ marked@12.0.2 ਅਤੇ DOMPurify@3.1.7 ਨਾਲ ਸ਼ਿਪ ਕਰਦਾ ਹੈ, ਪੂਰਾ GFM ਵਿਸ਼ੇਸ਼ਤਾ ਸੈੱਟ ਸਪੋਰਟ ਕਰਦਾ ਹੈ, ਅਤੇ DOM ਨੂੰ ਛੂਹਣ ਤੋਂ ਪਹਿਲਾਂ ਹਰ ਰੈਂਡਰ ਕੀਤੀ HTML ਸਟ੍ਰਿੰਗ ਨੂੰ ਸਾਫ਼ ਕਰਦਾ ਹੈ। ਕੋਈ ਅਪਲੋਡ ਨਹੀਂ, ਕੋਈ CDN ਨਹੀਂ, ਕੋਈ ਟੈਲੀਮੈਟਰੀ ਨਹੀਂ — ਹਰ ਬਾਈਟ ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਰਹਿੰਦੀ ਹੈ।