Linkedin Instagram Facebook Twitter Mail Youtube Whatsapp

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

contenteditable html

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.

 

Bir Yorum Yaz