HTML önizleme

HTML yapıştırıp telefon veya bilgisayar tarayıcınızda web sayfası olarak görüntüleyin.

HTML içeriğiniz gönderilmez veya kaydedilmez.

HTML girişi

Bir HTML belgesi veya parçası yapıştırıp önizlemeyi açın.

Geniş ekranlarda yazmayı bıraktığınızda önizleme otomatik güncellenir. JavaScript çalıştırırken düğmeyle güncelleyin.

JavaScript çalıştır

Yalnızca güvenilir HTML için etkinleştirin. Üst sayfaya, depolamaya, dış kaynaklara erişim ve form gönderimi kısıtlanır.

Önizleme

Yalnızca tarayıcıda

Önizleme için buraya HTML yapıştırın.

Desteklenen CDN’ler ve Mermaid

Aşağıdaki sabit URL’lerdeki CSS desteklenir. Mermaid, class="mermaid" içeren pre veya div öğelerinde otomatik çizilir. CDN özellikleri internet gerektirir.

Bootstrap 5.3.8<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css">
Font Awesome 7.3.0<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@7.3.0/css/all.min.css">

Noto Sans JP<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap">
JetBrains Mono<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&display=swap">

Mermaid 12.2.0

<pre class="mermaid">
graph TD
  A[HTML] --> B[Preview]
</pre>