WYSIWYG EDİTÖRÜ
Web siteleri için artık olmazsa olmaz haline gelen wysiwyg editörlerinden WYZZ'yi nasıl kullanacağınızı açıklıyoruz
Etiketler: wyzz wysiwyg editör javascript textarea
Bir site yaptınız. Adminin yada kullanıcıların yazı yazabilecekleri bir textarea'nız var. Fakat bu alana sadece metin girebilirsiniz. WYZZ kullanarak buraya html olarak giriş yapabilirsiniz. Bu yazıda nasıl ekleyebileceğinizi, kullanabileceğinizi anlatacağız. Aslında, içindeki README.TXT dosyasını okuyarak da bunu gerçekleştirebilirsiniz. Türkçe kaynak olması açısından yazıyorum.
Öncelikle burayı tıklayarak şu an itibariyle programın (yada script) son sürmünü indiriyoruz.Rarlı dosyaları ayıkladıktan sonra, aşağıdaki resimdeki gibi seçili dosyaları sitemizin ana dizinine atıyoruz.


Web sitemizin head kısmına aşağıdaki kodu ekliyoruz
<script language="JavaScript" type="text/javascript" src="wyzz.js"></script>


Gerekli dosyalar sitemize eklendi. Şimdi ise Textarea' mıza uygulayacağız.

Bunu için yapmamız gereken teş şey aşağıdaki işlem:
<textarea name="textfield" id="textfield" rows="10" cols="40"></textarea><br />
<script language="javascript1.2">
make_wyzz('textfield');
</script>

Burada dikkat edilmesi gereken, textarea'nın id'si ile make_wyzz() fonksiyonunun değişken adlarının aynı olması

Bunu yaptıktan sonra sayfamızı açıyoruz ve sonuç karşımızda
Yazar: yunus
Bu yazıyı bildir
23.11.08
Bu İpucu İşe Yarar(1)
Bu İpucu İşe Yaramaz(0)
Yorum Yap
Bu İpucu İle Alakalı Olabilecek Diğer İpuçları
Tinymce editörü, yazdığımız yazıları 12px olarak seçtiğimizde, bunu otomatik olarak "font-size:small" a dönüştürür. Ama IE6 bunu anlayamıyor ne yazık ki
yunus - 13:06:09
YORUM EKLEYİN
Adınız (Gerekli)
Eposta Adresiniz (Gerekli)
Web Siteniz (Opsiyonel - http:// eklemeyin)
Bu yazıya yapılan yorumlardan haberdar olmak istiyorum
www.pc-ipuclari.net Hakkında Üyelerimiz