§

Markdown ಅಂಟಿಸಿ

§

ಕಚ್ಚಾ

§

ಪ್ರಿವ್ಯೂ

ಪ್ರಿವ್ಯೂ DOMPurify ಮೂಲಕ ಶುದ್ಧೀಕರಿಸಲ್ಪಡುತ್ತದೆ — script ಟ್ಯಾಗ್‌ಗಳು, ಘಟನಾ ನಿರ್ವಾಹಕಗಳು ಮತ್ತು javascript: URI ಗಳು ರೆಂಡರ್ ಆಗುವ ಮೊದಲು ತೆಗೆಯಲ್ಪಡುತ್ತವೆ.

Markdown ಎಂಬುದು ಸಾಫ್ಟ್‌ವೇರ್ ದಾಖಲೀಕರಣದ ಸಾಮಾನ್ಯ ಭಾಷೆ. ಪ್ರತಿ GitHub README, Stack Overflow ಉತ್ತರ ಮತ್ತು Reddit ಟಿಪ್ಪಣಿ Markdown ಪಾರ್ಸರ್ ಮೂಲಕ ಹಾದು ಹೋಗುತ್ತದೆ, ಮತ್ತು Stack Overflow ನಲ್ಲಿರುವ 10 ಕೋಟಿಗೂ ಹೆಚ್ಚು ಡೆವಲಪರ್ ಪೋಸ್ಟ್‌ಗಳು ನಂಬಲರ್ಹ ರೆಂಡರಿಂಗ್‌ಗಾಗಿ CommonMark ಅನ್ನು ಅವಲಂಬಿಸಿವೆ. ಬೆಂಗಳೂರಿನ ಟೆಕ್ ಸಂಸ್ಥೆಗಳ ಎಂಜಿನಿಯರ್‌ಗಳು MkDocs ಮತ್ತು Sphinx ಪೈಪ್‌ಲೈನ್‌ಗಳನ್ನು ನಡೆಸುತ್ತಾರೆ, ಅವು Markdown ಮೂಲ ಕಡತಗಳನ್ನು ಸ್ಥಿರ ದಾಖಲೆ ಪೋರ್ಟಲ್‌ಗಳಾಗಿ ಮಾಡುತ್ತವೆ; ವಿಷಯ ರಚನಾಕಾರರು ಪ್ರಕಟಿಸುವ ಮುನ್ನ Markdown ನಲ್ಲಿ ಪುಟಗಳನ್ನು ಬರೆಯುತ್ತಾರೆ. Notion, Obsidian ಮತ್ತು Bear ಲಕ್ಷಾಂತರ ಜ್ಞಾನ-ಕಾರ್ಯಕರ್ತರಿಗೆ Markdown-ಮೊದಲ ಟಿಪ್ಪಣಿ-ಬರವಣಿಗೆಯನ್ನು ಒದಗಿಸುತ್ತವೆ, ಮತ್ತು ಸುದ್ದಿಪತ್ರ ವೇದಿಕೆಗಳು 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 Mozilla MDN, Atlassian ಮತ್ತು Microsoft 365 ಬಳಸುವ ಅದೇ XSS ಶುದ್ಧೀಕರಕ ಆಗಿದ್ದು — ಇದು 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 ಪೋಸ್ಟ್ ಅಂಟಿಸಿ ಮತ್ತು Markdown ಮೂಲದ ಬದಲಿಗೆ ಮಾರ್ಕಪ್ ನಿರೀಕ್ಷಿಸುವ CMS ಕ್ಷೇತ್ರ ಅಥವಾ ಟೆಂಪ್ಲೇಟಿಂಗ್ ಎಂಜಿನ್‌ಗಾಗಿ HTML ಪಡೆಯಿರಿ.
  • ಇಮೇಲ್ ಟೆಂಪ್ಲೇಟ್‌ಗಳು: ವ್ಯವಹಾರಿಕ-ಇಮೇಲ್ ಮುಖ್ಯ ಭಾಗವನ್ನು 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 ಕಟ್ಟು. ಪ್ರಕಟಿಸದ ಪೋಸ್ಟ್‌ಗಳು, ಆಂತರಿಕ ದಾಖಲೆಗಳು ಮತ್ತು ಗೌಪ್ಯ README ಗಳು ನಿಮ್ಮ ಸಾಧನದಲ್ಲಿ ಉಳಿಯುತ್ತವೆ.

ರೆಂಡರ್ ಆದ ಪ್ರಿವ್ಯೂ ಫಲಕವು 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 ಇಲ್ಲ, ದೂರಮಾಪನ ಇಲ್ಲ — ಪ್ರತಿ ಬೈಟ್ ನಿಮ್ಮ ಬ್ರೌಸರ್‌ನಲ್ಲಿ ಉಳಿಯುತ್ತದೆ.