HTML contenteditable – Düzenlenebilir İçerik Yapımı

Html ile bir etiketi düzenlenebilir olarak belirlemek istersek “Contenteditable” yapısını kullanmamız gerekiyor. Bir örnek ile giriş yapalım.

<div id="deneme" contenteditable="true"> tıkla , içeriği düzenle </div>

 

Bu yöntemi diğer etiketlere de uygulamamız gerekirse eğer Contenteditable=”true” yazmamız yeterli olacaktır. Bu şekilde etiketleri düzenlenebilir hale getirebiliriz. Şimdi bu örnekte alınan değeri bir de jquery ile yakalayalım.

$('#deneme').on('input', function(e){
alert( $(this).text() );
});

 

İnput değeri eğer değişirse bu şekilde jquery ile içeriyi yakalayabiliriz. Artık geriye kalan işlemler sizin emrinizde. Html – Contenteditable ile Düzenlenebilir içerik yapımı bu şekildeydi. Herkese kolay gelsin.

 

AuthorHarun ALP

Bu adam , bilgi sahibi olduğu konularda makalelerini daha bilgilendirici hale getirip görseller ile süslüyor ve seo uyumlu makaleler ortaya çıkarıyor. Güncel webmaster konularını işlemekten keyif alıyor ve genelde her makale aslında bir sorunun çözümü niteliğinde.

Bir yanıt yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir