Merhaba arkadaşlar, bu makalemde HTML5 ile gelen yeni bir özellikten bahsedeceğim. Contenteditable eleman içeriğinin düzenlenebilir olup olmadığını ayarlamak için kullanılır.

Alabileceği Değerler: (true, false)

true değeri atanmışsa eleman içeriği kullanıcı tarafından düzenlenebilir/değiştirilebilir.

false değeri atanmışsa eleman içeriği kullanıcı tarafından değiştirilemez.

Eğer bu özellik bir elemana atanmışsa kalıtsal olarak elemanın içinde bulunan alt elemanlara geçer, bu özelliği değer ile birlikte kullanmak şarttır.

<div contenteditable></div>

gibi bir kullanım yanlış olacaktır, doğru kullanım

<div contenteditable="true"></div>

şeklinde olmalıdır. Şimdi gelelim örneğimize...

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Contenteditable</title>
	</head>
	<body>
		<div contenteditable="true">
			<p>Burası düzenlenebilir yazı contenteditable değeri true</p>
		</div>
		<div contenteditable="false">
			<p>Bu yazı düzenlenemez contenteditable değeri false</p>
		</div>
		<a href="http://www.yunusbassahan.com">www.yunusbassahan.com</a>
	</body>
</html>

Demoyu incelemek için tıklayın...