خاصیت contenteditable در HTML
خاصیت contenteditable در HTML مشخص می کند که آیا محتوای متنی درون یک عنصر قابل ویرایش هست یا خیر.
مثال
در مثال زیر ما خاصیت contenteditable
برابر با true
قرار داده ایم که در نتیجه می توانید محتوای متنی درون عنصر <p>
را با کلیک برروی آن ویرایش کنید.
<p contenteditable="true">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است</p>
تعریف و کاربرد
خاصیت contenteditable در HTML مشخص می کند که محتوای درون یک عنصر قابل ویرایش باشد یا نه.
نکته: اگر صفت contenteditable روی عنصری تنظیم نشده باشد این خاصیت را از عناصر پدر به ارث می برد.
یعنی مثال ساده زیر را در نظر بگیرید:
<div contenteditable="true">
<p >لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است</p>
</div>
با اینکه صفت contenteditable
روی تگ div
تنظیم شده ولی عناصر والد یا فرزند خود را تحت تأثیر قرار می دهد و به نوعی این خاصیت روی آنها فعال می شود و در مثال بالا شما می توانید محتوای متنی درون تگ <p>
را که فرزند تگ <div>
هست تغییر بدید.
پشتیبانی مرورگر ها
اعداد موجود در جدول اولین نسخه مرورگر را که ویژگی را کاملاً پشتیبانی می کند مشخص می کند.
خاصیت | |||||
---|---|---|---|---|---|
contenteditable | 4.0 | 6.0 | 3.5 | 3.1 | 10.1 |
نحوه استفاده
<element contenteditable="true|false">
مقادیر خاصیت (attribute)
آیا این مطلب برای شما مفید بود ؟
آخرین سؤالات انجمن برای HTML:
توجّه به پايان پذيرى دنيا
(شخصى از امام پرسيد حال شما چگونه است؟ فرمود:) چگونه خواهد بود حال كسى كه در بقاياى خود ناپايدار، و در سلامتى بيمار است، و در آنجا كه آسايش دارد مرگ او فرا مى رسد.
حکمت 115 نهج البلاغه