Linkedin Instagram Facebook Twitter Mail Youtube Whatsapp

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.  

Bir Yorum Yaz