Contenteditable ile html’de p, div v.b metinsel değerler barındıran elementleri düzenlenebilir halde sunabiliriz ziyaretçiye bu gibi durum ziyaretçinin kendisine ait olduğu içerikleri hızlı bir şekilde düzenlemeye ihtimal verilebilir veya farklı ihtiyacınız içinde kullanılabilir.
Contenteditable HTML5 ile gelen bir özniteliktir metinsel içerikli elementleri düzenleyebilme olanağı sağlamaktadır.
Örnek syntax
1 | <element contenteditable="true|false"> |
Örnek olarak düzenlenebilir bir paragraf tanımlayalım sayfanın en altında sonuç kısmında paragraf içeriğini kendiniz contenteditable özniteliğine true değeri verdiğimiz için değiştirmekte özgürsünüz.
1 | <p contenteditable="true">Bu paragraf düzenlenebilir.</p> |
Contenteditable özniteliğinin aldığı değerler
Değer | Açıklama |
---|---|
true | Element düzenlenebilir |
false | Element düzenlenemez |
Tarayıcı Uyumluluğu
IE, Firefox, Chrome, Safari, Opera
Şuan popüler tüm tarayıcılarla uyumlu çalışmaktadır.