Hızlı başlangıç
-
Kaynakları Edit
Sol metin alanında HTML'yi değiştirin.
-
Önizleme swatch
Sağ paneli yazdığınızda güncelleştirilir.
HTML Editor
Solda HTML yazın ve sağda rendered çıktıyı önizleyin; snippet ve e-posta şablonları için harika.
Gizlilik: yerel olarak işlenir, asla yüklenmez.
Anında sonuçları görmek için aşağıdaki giriş alanına yapıştırın
左侧编辑 HTML，右侧实时预览渲染效果。
HTML 源码
预览
Hello
Edit HTML on the left and preview on the right.
Notlar
安全提示
预览使用当前页面上下文渲染; 请勿粘贴不可信来源的脚本内容。
Solda HTML yazın ve sağda rendered çıktıyı önizleyin; snippet ve e-posta şablonları için harika.
Kullanım durumları
Tarayıcıda zengin metin fragmanlarını, HTML e-postalarını ve açılış sayfası bloklarını doğrulayın.
Özellikler ve kullanım durumları
Sağdaki canlı önizleme ile soldaki HTML'yi düzenleyin- rendering'i kontrol etmek için yerel sunucu gerekmiyor.
E-posta şablonları, zengin metin dışa aktarma hata ayıklama, öğretim işaretleme ve hızlı düzeni denetimi için kullanın.
Tipik iş akışı
Sol editöre HTML kod yazdığınızda, önizleme bölmesi gerçek zamanlı olarak güncellenir. Hızlı olarak etiket efektlerini test etmek gibi değiştirme <h1>stiller veya masa kenarlarını ayarlama. Sorunu giderirken, öğe mizanpajlarını hata ayıklatmak için geçici kenarlıkları veya arka plan renkleri ekleyin.
E-posta şablonları için, gerçek e-posta istemcileri üzerinde test etmeden önce burada temel yapıyı doğrulayın. Outlook gibi istemcileri sınırlı CSS desteğine sahip olabileceğini unutmayın - uyumluluk kontrolleri için kod varyantları arasında hızlı bir şekilde geçiş yapmak için bu aracı kullanın.
Örnekler
Örnek
Input
<h1>Hello</h1>
Output
Rendered heading
FAQ
Senaryoları çalıştırıyor mu?
Önizleme sayfa içi renderler yapar; güvenilmeyen komut dosyaları yapıştırmayın.
E-posta şablonum neden burada doğru şekilde görüntülenir ama gönderildiğinde kırılır?
Çoğu e-posta istemcisi eski rendering motorlarını kullanır.Çözümler: 1) Divs yerine tablo tabanlı mizanpajları kullanın, 2) tüm CSS stillerini inline, 3) Eğer mevcutsa, araçta "E-posta istemcisi Simülasyonu" etkinleştirin. Gmail ve Outlook gibi platformlar, özel uyarlamalar gerektiren benzersiz kısıtlamalara sahiptir.