🛠️ToolsShed

Markdown Önizleme

Markdown yazın ve gerçek zamanlı olarak işlenmiş çıktıyı önizleyin.

Hello, Markdown!

This is bold and this is italic text.

Features

  • Live preview as you type
  • Syntax support for common elements
  • Code blocks with inline code
const greet = (name) => `Hello, ${name}!`;
console.log(greet("World"));
Blockquotes look like this.

Visit ToolsShed

Markdown Önizleme, Markdown formatındaki metni gerçek zamanlı olarak biçimlendirilmiş HTML'e dönüştürür ve yayınlamadan önce belgenizin tam olarak nasıl görüneceğini görmenizi sağlar. Markdown, GitHub'daki README dosyaları, MkDocs veya Docusaurus gibi araçlarla oluşturulan dokümantasyon siteleri ve Dev.to ile Hashnode gibi blog platformları için standart biçimlendirme dilidir.

Markdown'ınızı sol panele yazın; biçimlendirilmiş çıktı hemen sağ panelde görünür. Oluşturucu, tam CommonMark spesifikasyonunu ve yaygın uzantıları destekler: başlıklar, kalın, italik, satır içi kod, kod blokları, alıntılar, listeler, tablolar, görev listeleri, bağlantılar ve resimler.

Markdown kasıtlı olarak basit tasarlanmış olsa da bazı biçimlendirme seçimleri platforma özel nüanslar içerir. Örneğin GitHub Flavored Markdown (GFM), standart Markdown'da bulunmayan üstü çizili (~~metin~~) ve görev listeleri ekler. Belirli bir platform için yazıyorsanız, hangi Markdown lehçesini kullandığını öğrenmek için belgelerine bakın.

Sıkça Sorulan Sorular

Kod Uygulaması

import re

def simple_markdown_to_html(text: str) -> str:
    """Convert basic Markdown to HTML."""
    lines = text.split("\n")
    html_lines = []
    in_code_block = False

    for line in lines:
        # Fenced code block
        if line.startswith("```"):
            if in_code_block:
                html_lines.append("</code></pre>")
                in_code_block = False
            else:
                lang = line[3:].strip()
                html_lines.append(f'<pre><code class="language-{lang}">')
                in_code_block = True
            continue

        if in_code_block:
            html_lines.append(line)
            continue

        # Headings
        if line.startswith("### "):
            html_lines.append(f"<h3>{line[4:]}</h3>")
        elif line.startswith("## "):
            html_lines.append(f"<h2>{line[3:]}</h2>")
        elif line.startswith("# "):
            html_lines.append(f"<h1>{line[2:]}</h1>")
        elif line.startswith("- "):
            html_lines.append(f"<li>{line[2:]}</li>")
        elif line.strip() == "":
            html_lines.append("<br>")
        else:
            # Bold and italic
            line = re.sub(r'\*\*(.+?)\*\*', r'<strong>\1</strong>', line)
            line = re.sub(r'\*(.+?)\*', r'<em>\1</em>', line)
            # Links
            line = re.sub(r'\[(.+?)\]\((.+?)\)', r'<a href="\2">\1</a>', line)
            # Inline code
            line = re.sub(r'`(.+?)`', r'<code>\1</code>', line)
            html_lines.append(f"<p>{line}</p>")

    return "\n".join(html_lines)

md = "# Hello\n**Bold** and *italic* text\n[Link](https://example.com)"
print(simple_markdown_to_html(md))

Comments & Feedback

Comments are powered by Giscus. Sign in with GitHub to leave a comment.