Canlı Metin Editörü, bir web sayfasındaki her metin öğesini tek tıkla düzenlenebilir hale getirir. Başlıkları, paragrafları, düğme etiketlerini, navigasyon öğelerini veya herhangi bir metin içeriğini doğrudan canlı sayfada değiştirin — düzenlenen metin sayfanın orijinal yazı tipleri, renkleri ve düzeni korunurken gerçek zamanlı olarak oluşturulur. Metin varyasyonlarını test etmek, maketler oluşturmak ve özel içerikle ekran görüntüleri almak için mükemmeldir.
Kaç kez "bu başlığın farklı bir ifadeyle nasıl görüneceğini merak ediyorum" veya "yer tutucu metin yerine müşterimizin adıyla bu sayfanın ekran görüntüsüne ihtiyacım var" diye düşündünüz? Normalde bu, kodu düzenlemek, yeniden oluşturmak veya metni üst üste bindirmek için bir görüntü düzenleyici kullanmak anlamına gelir. Canlı Metin Editörü tüm bunları ortadan kaldırır — sadece sayfadaki herhangi bir metne tıklayın ve yazmaya başlayın. Metin contentEditable kullanılarak yerinde düzenlenebilir hale gelir, yani öğenin tüm orijinal CSS biçimlendirmesi korunur: yazı tipi ailesi, yazı tipi boyutu, yazı tipi ağırlığı, renk, harf aralığı, satır yüksekliği, metin dönüşümü ve diğer her metin özelliği. Siz yazdıkça düzen gerçek zamanlı güncellenir — yeni metin daha uzunsa, öğe doğal olarak genişler. Tek bir oturumda istediğiniz kadar metin öğesini düzenleyin. Bir düzenleme sayacı kaç öğeyi değiştirdiğinizi izler ve "Tümünü Geri Al" her şeyi anında geri yükler. Tüm değişiklikler yalnızca görseldir ve sayfa yenilemede sıfırlanır.
Sayfadaki herhangi bir metin öğesine — başlıklar, paragraflar, spanlar, düğme etiketleri, bağlantı metni, liste öğeleri, tablo hücreleri — tıklayın ve anında düzenlenebilir hale gelir. Yanıp sönen bir imleç belirir ve yazmaya başlayabilirsiniz. Seçim modu veya ek tıklama gerekmez.
Düzenlenen metin her orijinal CSS özelliğini korur: font-family, font-size, font-weight, color, line-height, letter-spacing, text-transform ve düzen özellikleri. Metin sayfaya ait gibi görünür — kaba bir kaplama gibi değil.
Daha uzun veya daha kısa metin yazdıkça öğe doğal olarak yeniden boyutlandırılır ve çevreleyen düzen, gerçek içerikle yapacağı gibi yeniden akar. Farklı metin uzunluklarının düzeni tam olarak nasıl etkilediğini görün.
Tek bir oturumda istediğiniz kadar metin öğesini düzenleyin. Başlığı, ardından altyazıyı, ardından düğme etiketini, ardından altbilgi metnini değiştirin — her düzenleme sayfayı yenileyene kadar devam eder.
Küçük bir sayaç kaç öğeyi düzenlediğinizi gösterir. "Tümünü Geri Al" her düzenlenen öğeyi orijinal metin içeriğine tek tıkla geri yükler. Bireysel değişiklikler "ilk: orijinal metin" ipuçlarıyla izlenir.
Tüm düzenlemeler yalnızca tarayıcının DOM'unda bulunur ve asla sunucuya kaydedilmez. Sayfayı yenileyin ve her metin öğesi orijinal içeriğine döner. Üretim siteleri dahil herhangi bir web sitesinde kullanmak güvenlidir.
Hangi ifadenin en güçlü hissettirdiğini görmek için canlı sayfada farklı başlık varyasyonlarını deneyin. "Ücretsiz Başla" vs "Ücretsiz Denemenizi Başlatın" vs "Hesap Oluşturun" — her sürümü gerçek sayfa tasarımıyla oluşturulmuş olarak görün.
Bir sunum sırasında yer tutucu metni ("Lorem ipsum") müşterinin gerçek içeriğiyle değiştirin. Şirket adlarını, ürün açıklamalarını ve CTA metnini gerçek tasarımda oluşturulmuş olarak gösterin — statik bir maketten çok daha ikna edici.
Belgeler, blog yazısı veya sunum slaytı için belirli bir metin gösteren ekran görüntüsüne mi ihtiyacınız var? Metni doğrudan düzenleyin, ardından özel içeriğinizle temiz bir görüntü yakalamak için Ekran Görüntüsü aracını kullanın.
Bir ürün adı 15 yerine 40 karakter olduğunda ne olur? Veya bir açıklama 1 yerine 3 satır olduğunda? Düzenin nasıl işlediğini görmek için daha uzun metin yazın — gerçek içerik tetiklemeden önce taşma hatalarını bulun.
Tasarımın farklı dilleri nasıl işlediğini görmek için öğelere çevrilmiş metni yapıştırın. Almanca metin genellikle İngilizce'den %30 daha uzundur — düzen hala çalışıyor mu? Düğme metni hala sığıyor mu?
DevSuite Pro yüzen yuvasını açın ve Canlı Metin Editörü simgesine tıklayın. Araç etkinleşir ve sayfadaki her metin öğesi düzenleme için tıklanabilir hale gelir.
Bir başlığa, paragrafa, düğme etiketine veya herhangi bir metin içeriğine tıklayın. Metinde bir imleç belirir ve öğenin üstünde bir "düzenleme" rozeti görünür.
Metni değiştirmek veya değiştirmek için yazmaya başlayın. Yeni içerik orijinal biçimlendirme korunarak gerçek zamanlı oluşturulur. Düzen yeni metin uzunluğunu barındırmak için doğal olarak ayarlanır.
Mevcut öğenin düzenlemesini bitirmek için dışına tıklayın, ardından düzenlemek için başka bir metin öğesine tıklayın. Düzenleme sayacı tüm değişiklikleri izler.
Her düzenlenen öğeyi geri yüklemek için "Tümünü Geri Al"a tıklayın veya her şeyi tamamen sıfırlamak için sayfayı yenileyin.
DevSuite Pro'yu ücretsiz yükleyin ve tarayıcınız için 39'dan fazla geliştirici aracının kilidini açın.
