خصائص Element contentEditable في DOM HTML

التعريف والاستخدام

contentEditable يحدد أو يرجع ما إذا كان العنصر قابلاً للتحرير.

نصيحة:يمكنك أيضًا استخدام خاصية isContentEditable لمعرفة ما إذا كان محتوى العنصر قابلاً للتحرير.

انظر أيضًا:

خصائص isContentEditable

خصائص contenteditable لمثلث الهيكل HTML

مثال

مثال 1

هذا المقطع قابلاً للتحرير:

<p id="myP" contenteditable="true">أنا قابلاً للتحرير.</p>

إذا كان "myP" قابلاً للتحرير، فإنه يرجع صحيحًا:

document.getElementById("myP").contentEditable;

جرب بنفسك

مثال 2

جعل محتوى "myP" قابلاً للتحرير:

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

جرب بنفسك

مثال 3

تبديل بين المحتوى القابل للتحرير والغير قابل للتحرير:

cinst x = document.getElementById("myP");
إذا (x.contentEditable == "true") {
  x.contentEditable = "false";
  button.innerHTML = "تمكين تحرير myP!";
}
  x.contentEditable = "true";
  button.innerHTML = "تعطيل تحرير myP!";
}

جرب بنفسك

النحو

إرجاع خاصية contentEditable:

العنصر.contentEditable

تعيين خاصية contentEditable:

العنصر.contentEditable = القيمة

قيمة الخاصية

القيمة الوصف
القيمة
  • "true" - المحتوى قابلاً للتحرير
  • "false" - المحتوى غير قابلاً للتحرير
  • "inherit" - افتراضي. إذا كان العنصر الوالدي قابلاً للتحرير، فإنه قابلاً للتحرير

القيمة المقدمة

نوع الوصف
الخط إذا كان العنصر قابلاً للتحرير، فإنه يكون صحيحًا، وإلا يكون خطأً.

دعم المتصفح

element.contentEditable() هو خاصية مستوى DOM 1 (1998).

كل المتصفحات يدعمونه بشكل كامل:

المتصفح Chrome المتصفح IE الحدود Firefox Safari Opera
المتصفح Chrome المتصفح IE الحدود Firefox Safari Opera
الدعم 9-11 الدعم الدعم الدعم الدعم