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 WYSIWYGprensibine 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

Kendini gelişmiş bir editör olarak lanse etmeyen MarkitUp; hafif, hızlı adapte edilebilir bir editör olarak yorumlamakta.

  • Editör’ün özellikleri:
  • hızlı ve kolay adapte entegrasyon
  • klavyeden kısayol ile kullanabilme desteği
  • Ajax ile dinamik ön izlenim
  • Desteklediği Browser’lar: IE7, Safari 3.1, Firefox 2, Firefox 3. IE6 and Opera 9+ as-is.
  • Lisans: MIT/GPL

jWYSIWYG

Resmi Web Sitesi | Demo

WYSIWYG editöründen fazla bir beklentiniz yoksa jWYSIWYG tam size göre o zaman. En temel metin editörü özelliklerini barındırmakta. Fakat önemli bir nokta, bu metin editörünün geliştirilmesi durdurulmuş. O nedenle ileriye dönük çok fazla bir beklentiniz olmaması gerekmekte.

  • Editör’ün özellikleri:
  • Lisans: GNU General Public License v2
  • Kompakt ve hafif
  • Ajax ile dinamik ön izlenim
  • Browser dostu yapı

Lightweight RTE

Resmi Web Sitesi | Demo

Hızlı, pratik ve adı gibi çok hafif bir metin editörünü. Projenize çok kolay bir şekilde adapte edebilir ve kullanmaya başlayabilirsiniz.

  • Editör’ün özellikleri:
  • Süper ötesi hafif (sıkıştırılmamış hali bile 7kb)
  • Güncel browser’lar ile uyumlu
  • Lisans: GNU General Public License

HTMLBox

Resmi Web Sitesi | Demo

Şu ana kadar bahsettiğim en gelişmiş editör. Tamamen JQuery kütüphanesine dayalı bir yapı ile güncel browserların hemen hemen hepsini destekliyor. Büyük kapsamlı projelerinize bile entegre edebilirsiniz.

  • Editör’ün özellikleri:
  • Kolay entegrasyon.
  • Güncel browser’lar ile uyumlu
  • Ufak boyutlu (15kb civarı)
  • XHTML çıktı alabilme
  • Ajax ile entegrasyonu desteklemekte
  • Kapsamlı bir kullanım kılavuzu

D Small Rich Text Editor

Resmi Web Sitesi | Demo

Bir çok RTE göre farklı bir mantıkla çalışan ve bir metin editörünün sahip olması gereken tüm fonksiyonları yerine getirebilen başarılı bir editör.

  • Editör’ün özellikleri:
  • Ufak boyut (yaklaşık 18kb)
  • Güncel browser’lar ile uyumlu
  • temel tüm RTE özelliklerine sahip
  • Plug destekli
  • AjaxFileUpload plugin’ini kullanıldığı takdirde resim yükleyebilme
  • Metin kutusunu tekrardan ölçeklendirebilme
  • editör içersinde düzenlediğiniz metinler XHTML kurallarına uygun

WYMEditor

Resmi Web Sitesi | Demo

Benim de çok sevdiğim ve başarılı bulduğum bir RTE editör. JQuery kütüphanesini en verimli kullanan editörlerden bir tanesi. Ayrıca tanımladığınız CSS class ve style’larını görebilmekte. O nedenle kullanıcı içerik girerken kontrol altına alabilmeniz için gerekli tüm araçları sunmakta.

  • Editör’ün özellikleri:
  • XHTML ve CSS ile uyumlu çıktı üretebilmekte
  • Yazı tipi, boyutu ve rengi müdahalelerine kapalı – (WYMeditor CSS tabanlı bir editördür.)
  • Hızlı ve kolay entegrasyon ayrıca kolay özelleştirebilme (CSS tabanlı arayüz özelleştirebilme)
  • Resim, link, tablo desteği
  • APIs ve plugin desteği mevcut
  • Açık kaynak
  • Güncel browser’lar ile uyumlu

Kaynak