ਮੁਫ਼ਤ Markdown ਐਡੀਟਰ
ਰੀਅਲ ਟਾਈਮ ਵਿੱਚ Markdown ਲਿਖੋ ਅਤੇ ਪ੍ਰੀਵਿਊ ਕਰੋ। ਸਿਰਲੇਖ, ਬੋਲਡ, ਇਟੈਲਿਕ, ਕੋਡ ਬਲਾਕ, ਟੇਬਲ, ਅਤੇ ਸੂਚੀਆਂ ਸਮਰਥਿਤ ਹਨ।
ਮਾਰਕਡਾਊਨ ਚੀਟਸ਼ੀਟ
ਇਹ ਕਿਵੇਂ ਕੰਮ ਕਰਦਾ ਹੈ
ਝਲਕ ਟੂਲ ਵਿੱਚ ਹੀ ਬਣੇ ਹੱਥ ਨਾਲ ਲਿਖੇ Markdown parser ਨਾਲ ਬਣਦੀ ਹੈ — ਕੋਈ marked, remark ਜਾਂ ਬਾਹਰੀ ਲਾਇਬ੍ਰੇਰੀ ਨਹੀਂ। ਇਹ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਸਰੋਤ ਨੂੰ ਲਾਈਨ-ਦਰ-ਲਾਈਨ tokenize ਕਰਦਾ ਹੈ, ਸਿੰਟੈਕਸ ਨੂੰ HTML ਵਿੱਚ ਬਦਲਦਾ ਹੈ ਜੋ ਫਿਰ ਦਿਖਾਉਣ ਤੋਂ ਪਹਿਲਾਂ sanitizer ਵਿੱਚੋਂ ਲੰਘਦਾ ਹੈ।
- 1ਲਾਈਨ-ਦਰ-ਲਾਈਨ tokenizationਖ਼ਾਸ renderMarkdown function ਤੁਹਾਡੇ ਸਰੋਤ ਨੂੰ ਨਵੀਆਂ ਲਾਈਨਾਂ 'ਤੇ ਵੰਡਦਾ ਹੈ ਅਤੇ ਇੱਕੋ ਪਾਸ ਵਿੱਚ ਉਨ੍ਹਾਂ ਵਿੱਚੋਂ ਲੰਘਦਾ ਹੈ, ਤਰਜੀਹ ਕ੍ਰਮ ਵਿੱਚ fenced code blocks, headings (H1–H6), blockquotes, ਕ੍ਰਮਬੱਧ ਅਤੇ ਬਿਨਾਂ-ਕ੍ਰਮ ਸੂਚੀਆਂ, GFM ਸਾਰਣੀਆਂ (ਕਾਲਮ-alignment ਨਾਲ), horizontal rules, ਅਤੇ ਪੈਰੇ ਮਿਲਾਉਂਦੇ ਹੋਏ।
- 2Inline ਸਿੰਟੈਕਸ ਵਿਸਥਾਰਹਰ ਇਕੱਠੀ ਲਾਈਨ ਜਾਂ ਸੈੱਲ ਫਿਰ inlineMarkdown ਨਾਲ ਪ੍ਰੋਸੈਸ ਹੁੰਦਾ ਹੈ, regex ਬਦਲਾਂ ਦੀ ਇੱਕ ਲੜੀ ਜੋ bold (** ਅਤੇ __), italic (* ਅਤੇ _), bold-italic (***), strikethrough (~~), inline code (), ਚਿੱਤਰ (), ਅਤੇ ਲਿੰਕ ([text](url)) ਸੰਭਾਲਦੀ ਹੈ — ਚਿੱਤਰ ਲਿੰਕਾਂ ਤੋਂ ਪਹਿਲਾਂ ਹੱਲ ਹੁੰਦੇ ਹਨ ਤਾਂ ਜੋ ! ਅਗੇਤਰ ਗ਼ਲਤ ਢੰਗ ਨਾਲ ਨਾ ਖਪੇ।
- 3Sanitization ਅਤੇ ਦੂਰ-ਦੁਰਾਡੇ ਸਰੋਤਾਂ ਨੂੰ ਰੋਕਣਾrenderer ਦਾ ਬਣਾਇਆ ਕੱਚਾ HTML ਇੱਕ sanitizer (sanitize-html) ਵਿੱਚੋਂ ਲੰਘਦਾ ਹੈ ਜੋ <script>, onerror handlers, ਅਤੇ javascript: hrefs ਵਰਗੇ ਅਸੁਰੱਖਿਅਤ tags ਅਤੇ attributes ਹਟਾਉਂਦਾ ਹੈ। ਦੂਜਾ ਪਾਸ (neutralizeRemote) ਡਿਫ਼ਾਲਟ ਤੌਰ 'ਤੇ ਦੂਰ-ਦੁਰਾਡੇ ਚਿੱਤਰ src ਮੁੱਲਾਂ ਨੂੰ placeholders ਨਾਲ ਬਦਲਦਾ ਹੈ, ਤੁਹਾਡੀ ਮਨਜ਼ੂਰੀ ਤੋਂ ਪਹਿਲਾਂ ਝਲਕ ਨੂੰ ਚੁੱਪ-ਚਾਪ ਬਾਹਰੀ ਸਰਵਰਾਂ ਨਾਲ ਸੰਪਰਕ ਕਰਨ ਤੋਂ ਰੋਕਦੇ ਹੋਏ।
- 4.md ਜਾਂ ਸੁਤੰਤਰ .html ਵਜੋਂ ਐਕਸਪੋਰਟMarkdown ਕਾਪੀ ਜਾਂ ਡਾਊਨਲੋਡ ਕਰਨਾ ਕੱਚਾ ਸਰੋਤ ਟੈਕਸਟ ਲਿਖਦਾ ਹੈ। HTML ਡਾਊਨਲੋਡ ਕਰਨਾ sanitize ਕੀਤੇ ਆਉਟਪੁੱਟ ਨੂੰ ਆਪਣੀ inline stylesheet ਵਾਲੇ ਸਵੈ-ਨਿਰਭਰ ਦਸਤਾਵੇਜ਼ ਵਿੱਚ ਲਪੇਟਦਾ ਹੈ — Tailwind classes ਸਿਰਫ਼ ਸਾਈਟ ਅੰਦਰ ਕੰਮ ਕਰਦੀਆਂ ਹਨ, ਇਸ ਲਈ ਐਕਸਪੋਰਟ ਇਸਦੀ ਥਾਂ ਸਾਦੇ CSS rules ਸ਼ਾਮਲ ਕਰਦਾ ਹੈ, ਜਿਸ ਨਾਲ ਫ਼ਾਈਲ ਕਿਤੇ ਵੀ ਪੜ੍ਹੀ ਜਾ ਸਕਦੀ ਹੈ।
ਸੰਬੰਧਿਤ ਟੂਲ
HTML ਤੋਂ Markdown ਕਨਵਰਟਰ
HTML ਨੂੰ ਸਾਫ਼ Markdown ਵਿੱਚ ਬਦਲੋ। ਸਿਰਲੇਖ, ਸੂਚੀਆਂ, ਲਿੰਕ, ਚਿੱਤਰ, ਕੋਡ ਬਲਾਕ, ਟੇਬਲ, ਅਤੇ ਬਲਾਕਕੋਟ ਸੰਭਾਲਦਾ ਹੈ। CMS ਵਿੱਚੋਂ ਸਮੱਗਰੀ ਬਾਹਰ ਕੱਢਣ ਲਈ ਸੰਪੂਰਨ।
Markdown ਤੋਂ HTML ਕਨਵਰਟਰ
ਲਾਈਵ ਪ੍ਰੀਵਿਊ ਨਾਲ Markdown ਨੂੰ ਸਾਫ਼ HTML ਵਿੱਚ ਬਦਲੋ। ਬਲੌਗ, CMS, ਜਾਂ ਈਮੇਲ ਟੈਂਪਲੇਟਾਂ ਲਈ ਵਰਤਣ-ਤਿਆਰ HTML ਕਾਪੀ ਕਰਨ ਲਈ ਸੋਰਸ ਵਿਊ ਵਰਤੋ।
Mermaid ਡਾਇਗ੍ਰਾਮ ਐਡੀਟਰ
Mermaid ਸਿੰਟੈਕਸ ਵਿੱਚ ਲਾਈਵ ਪ੍ਰੀਵਿਊ ਨਾਲ ਫਲੋਚਾਰਟ, ਸੀਕੁਐਂਸ ਡਾਇਗ੍ਰਾਮ, ਗੈਂਟ ਚਾਰਟ ਅਤੇ ਹੋਰ ਲਿਖੋ। SVG ਜਾਂ PNG ਵਜੋਂ ਐਕਸਪੋਰਟ ਕਰੋ। ਪੂਰੀ ਤਰ੍ਹਾਂ ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਚੱਲਦਾ ਹੈ।