wysiwyg | bildirgec.org

Web projelerinde kullanıcı tabanlı içerik üretebilmek için gerekli en önemli araçlardan biri yazı alanlarıdır. (textarea)
Kullanıcının kendini daha iyi ifade edebilmesi için de bu yazı alanlarını özelleştirmeniz ve zenginleştirmeniz gerekmektedir. Çünkü kullanıcı bu alanları verimli kullanabilmek için gerekli temel bilgiden yoksun olarak kabul edilir. Zaten hedef kitlenin de böyle bir ön bilgiye sahip olması beklenemez.

İşte bu noktada WYSIWYG prensibine göre geliştirilmiş zengin metin editörleri (RTE - rich text editor) yardımınıza koşar.
Bu zengin metin editörleri; yani RTE'ler, temel olarak HTML etiketi textarea'yı özelleştirir. Javascript destekli olarak bu alan için bir iframe yaratır ve çeşitli ön tanımlı araçlarla size bir metin editörü hazırlar. Böylece kullanıcı gerçek bir metin editörü kullanıyormuş gibi biçimlendirilmiş yazı girebilir.
Artık geliştirilen projelerde JQuery'nin vazgeçilmezliği ortada olunca ben de sizler için güncel popüler JQuery tabanlı metin editörlerini bir araya toplamak istedim. Böylece JQuery destekli projelerinizde başınızı ağrıtmadan kolay ve hızlı bir şekilde metin editörü ekleyebileceksiniz.

MarkitUp

Resmi Web Sitesi | Demo

elRTE, web sitenizde kullanabileceğiniz açık kaynak kodlu WYSIWYG editördür. Javascript ve jQuery kütüphanesi kullanılarak hazırlanan bu muhteşem HTML editör ile web içeriğinizi istediğiniz gibi kontrol edebilirsiniz.Studio 42 tarafından geliştirilen elRTE'yi ticari olan veya olmayan bloglar, forumlar ve benzer birçok serviste ücretsiz olarak kullanabilirsiniz.

Zengin içeriği ile metin düzenlemenize her yönü ile olanak veren bu editörü kolaylıkla web sitenize entegre edebilir ve sonrasında rahatlıkla kullanabilirsiniz. Ayrıca dilerseniz yazılarınızın biçimlendirilmiş şekildeki html kodlarını görebilirsiniz. Hafif, hızlı ve kolay kolay kullanıma sahip elRTE üzerindeki düzenlemeler css olarak da kaydedilebilir.

Demo modu, Word'den kopyanan yazıları temizleme, ifade ekleme, gelişmiş tablo ve resim ekleme eklentileri ve tam ekran modu ile muhteşem bir derleme aracı olan elRTE ile masaüstü programlardaki tüm özellikleri bulabilir, Gelişmiş bir şekilde metinlerinizi düzenleyebilirsiniz.

Markitup Editor

Web site Admin panellerinde, Bloglarda veya arzu ettiğiniz herhangi bir uylamanızda bazen bir editöre ihtiyaç duyabilirsiniz. Markitup editor textarea üzerinde kurularak size online editör hazırlama imkanı sunuyor.

Markitup Editor

Kullanımı ve kurulumu oldukça kolay olan Markitup Editorun plugin desteği de bunuyor. Örneğin "Lorem ipsum" isimli eklentisi ile tek tıkla anlamsız kelimeler veya "Date of the day" eklentisi ile bugünün tarihini zahmetsizce ekliyebiliyorsunuz. Tabii ki tek marifeti plugin özelliği değil.

Buyrun bazı özelliklerine göz atalım;

20 mükemmel bedava online zengin metin editörü listesine kaldığımız yerden devam ediyoruz.

11. Damn Small Rich Text Editor
DSRTE, kullanımı kolay ücretsiz metin düzenleyicisidir. jQuery kütüphanesi üstüne kurulu düzenleyici ayrıca kullanıcıya resim yükleme ve Html düzenleme imkânı da sunmakta.

Damn Small Rich Text Editor

12. Silverlight Rich Text Editor
Silverlight zengin metin editörü, silverlight için ilk zengin metin editörüdür. Birçok faydalı özelliğe sahip olan bu editör, hızlı, belirli bir metni bulmak için “find ve replace” ve kısayol tuşu desteğiyle dikkat çekmektedir. (Önizleme)

Silverlight Rich Text Editor

Online zengin metin editörleri olarak bildiğimiz metin editörlerinin, bir web tarayıcısının içerisinde kullanmayı düşünenlere 20 mükemmel bedava online zengin metin editörü.

1. TinyMCE
Tinymce GNU Lisans'ı altında zengin metin düzenleyicisidir. Dağıtımı Moxiecode tarafından sürdürülmektedir ve kullanım olarak son derece özelleştirebilirdir. (Önizleme)

TinyMCE

2. FCK Editör
Fckeditor en popüler açık kaynak online zengin metin editörlerinden biridir. En iyi HTML düzenleyiciye sahiptir ve kullanıcılar için kolay düzenleme imkânları sunmaktadır. (Önizleme)

FCK Editör

siteleriniz için wysiwyg editör

WYSIWYG editörleri siteye yapılan giriş işlemlerinde metni düzenlemek için birçok yerde kullanılmakta. Örneğin Wordpress'te çok detaylı bir wysiwyg editör bulunmakta. Bu editörleri yazmak için javascript bilgisi gerekiyor ve bilmeyenler için bu tarz özellikleri sitelere eklemek işkence oluyordu. Fakat jQuery için yapılan bir ek paket bu zorlukları tamamen ortadan kaldırıyor. Sadece 4-5 satır kod ve 7kb'lık js dosyası ile güzel tasarlanmış ve basit işlemleri kolaylıkla yapabilen bir wysiwyg editöre sahip olmanız mümkün.

spaw editör ücretsiz olarak dağıtılan bir wysiwyg (what you see is what you get-ne görürsen onu alırsın) editörü. internet explorer 5.5+, firefox ve opera'nın 9 ve üstü sürümlerinde çalışan spaw türkçe dahil 30 dilde kullanılabiliyor. php ve .net ortamları için hazırlanmış iki ayrı sürümü bulunuyor.
buradan indirebilir, buradan demosunu inceleyebilirisiniz.
Bir kaç ekran görüntüsü;

multi tab

hareketli toolbar

yeniden boyutlandırılabilir yazım alanı

Web sayfalarında kullanılmak için hazırlanmış, ünlü bir WYSIWYG editörü olan TinyMCE en sonunda 3.0 versiyonuna ulaşmış. Bu yeni versiyondaki bazı yenilikler şöyleymiş:

• Tüm uygulama en baştan yazılmış ve optimize edilmiş
• Artık daha hızlı yükleniyormuş
• Safari web tarayıcısı için destek arttırılmış
• Yeni Office 2007 teması eklenmiş
• Yeni bir API sistemi geliştirilmiş
• Daha doğru ve semantik kod çıktıları üretiyormuş

TinyMCE 3.0'ı buradan indirebilir, şuradan da örneklerine bakabilirsiniz.