ویژگی contentEditable عنصر DOM HTML

تعریف و استفاده

contentEditable ویژگی تنظیم یا بازگردانی اینکه محتوا قابل ویرایش است یا خیر.

توضیحات:شما همچنین می‌توانید از ویژگی isContentEditable برای اطلاع از اینکه محتوای عنصر قابل ویرایش است یا خیر استفاده کنید.

لطفاً ببینید:

ویژگی isContentEditable

خصوصیت contenteditable

مثال

مثال 1

این بخش قابل ویرایش است:

<p id="myP" contenteditable="true">I am editable.</p>

اگر "myP" قابل ویرایش باشد، true بازمی‌گرداند:

document.getElementById("myP").contentEditable;

آزمایش کنید

مثال 2

محتوای "myP" را به حالت قابل ویرایش تبدیل کنید:

document.getElementById("myP").contentEditable = "true";

آزمایش کنید

مثال 3

تبدیل بین حالت‌های قابل ویرایش محتوا:

cinst x = document.getElementById("myP");
if (x.contentEditable == "true") {
  x.contentEditable = "false";
  button.innerHTML = "Enable myP to be editable!";
}
  x.contentEditable = "true";
  button.innerHTML = "Disable myP be editable!";
}

آزمایش کنید

نحوه نوشتن

ویژگی contentEditable را بازگردانید:

element.contentEditable

ویژگی contentEditable را تنظیم کنید:

element.contentEditable = value

مقدار ویژگی

مقدار توضیح
value
  • "true" - محتوا قابل ویرایش است
  • "false" - محتوا قابل ویرایش نیست
  • "inherit" - پیش‌فرض. اگر عنصر والد قابل ویرایش باشد، قابل ویرایش است

مقدار بازگشتی

نوع توضیح
رشته اگر عنصر قابل ویرایش باشد، true است، در غیر این صورت false.

پشتیبانی مرورگر

element.contentEditable() ویژگی DOM Level 1 (1998) است.

همه مرورگرها این را کاملاً پشتیبانی می‌کنند:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
پشتیبانی 9-11 پشتیبانی پشتیبانی پشتیبانی پشتیبانی