WYSIWYG Editör Yapımı

http://www.prototurk.com/demo/?id=142

Öncelikle WYSIWYG nedir, bunu öğrenelim..
WYSIWYG, uzun adıyla What You See Is What You Get kısaltması olup türkçe karşılığı “Ne Görüyorsan Onu Alırsın” dır..
Bunda olay, editörde yazdığınızı çıktı aldığınızda neredeyse birebir benzerlikte olmasıdır.. [Kaynak: Wikipedia]

Bir nesnenin düzenlenebilir olması için contenteditable niteliği eklenmelidir..

<div style="width: 100px; height: 100px; border: 1px solid #ddd" contenteditable="true">bu yazı düzenlenebilir..</div>

Düzenlenebilir nesneye komut uygulamak için execCommand() metodu kullanılır.. Mevcut komutların tüm listesini aşağıdaki bağlantıdan görüntüleyebilirsiniz;
https://developer.mozilla.org/en-US/docs/Rich-Text_Editing_in_Mozilla#Executing_Commands

Demo

http://www.prototurk.com/demo/?id=142

İndir

http://www.prototurk.com/download/?id=142

Yayınlayan

Tayfun Erbilen

2009’dan beri web işleriyle uğraşan, aynı zamanda amatör müziklede ilgilenen sıradan birisi..

“WYSIWYG Editör Yapımı” üzerine 4 yorum

  1. millet bişey sorduğunda hep senin siteyi veriyorum hocam google gibisin valla 🙂 az önce birine kendi editörünüde yapabilirsin dedim ve daha önceden izlediğim videon aklıma geldi direk linki bulup attım valla çok şanslıyız A’dan Z’ye PHP gibi bir kitabımız ve Senin gibi bir anlatanımız olduğu için 🙂

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir