Karşılaştığım Zorluk
E-posta istemcileri tutarsızlığıyla bilinir; bu yüzden görsel bir editörün Gmail, Outlook ve Apple Mail'de ayakta kalan işaretleme üretmesi gerekir — tasarım ile temiz, çerçeveye hazır kod arasındaki boşluğu kapatırken.
"Geliştiriciler ve pazarlamacılar için tarayıcı tabanlı bir HTML e-posta şablon editörü. Canlı önizlemeyi çok sekmeli düzenlemeyle birleştirir ve kullanıma hazır C# ile Node.js entegrasyon kodu üretir — tamamen istemci tarafında."
Geliştirdiğim Çözüm
Vue 3 ve Nuxt 3 ile geliştirildi; reaktif canlı önizleme, Prism.js vurgulama ve yerel depolama kalıcılığını tek tıkla C# ve Node.js kod çıktısıyla birleştirir — her şablonu gizli tutar.
- Canlı, gerçek zamanlı önizleme, e-postanızı alıcıların göreceği şekilde tam olarak render eder ve alttaki HTML'i düzenledikçe anında güncellenir.
- Çok sekmeli düzenleme, tek bir çalışma alanında birden fazla e-posta şablonunu yan yana oluşturup karşılaştırmanızı sağlar; aralarında yerinizi kaybetmeden.
- Tek tıkla şablonunuzu hem C# hem de Node.js için kullanıma hazır backend entegrasyon koduna dönüştürür; mühendisler bunu doğrudan e-posta hatlarına ekleyebilir.
- Prism.js sözdizimi vurgulama ve yerleşik Formatla ile Minify araçları, çalışırken HTML kaynağını okunur, gönderirken ise sıkıştırılmış tutar.
- Gmail, Outlook ve Apple Mail genelinde güvenilir biçimde render olan, e-posta istemcisiyle uyumlu temiz HTML dışa aktarır ve olağan render sorunlarından kaçınır.
- Hedef istemciyi (örneğin Gmail) değiştirerek şablonunuzu gerçek gelen kutularında nasıl göründüğü şekilde önizleyin ve göndermeden önce düzen sorunlarını yakalayın.
- Koyu ve açık editör temaları, ister aydınlık bir ofiste ister gece geç saatte çalışın, çalışma alanını rahat tutar.
- Otomatik yerel depolama kalıcılığıyla %100 istemci tarafında çalışır — şablonlarınız oturumlar arasında kaydedilir ve hiçbir içerik sunucuya gönderilmez.