تعلم كيفية تعيين محتوى صفحة الويب على أنه قابل للتعديل لزوار الموقع

استخدام سمة مضمونة

جعل النص على موقع الويب القابل للتعديل من قبل المستخدمين أسهل مما تتوقع. يوفر HTML سمة لهذا الغرض: contenteditable.

تم تقديم السمة القابلة للحياة لأول مرة في عام 2014 مع إصدار HTML5 . وهي تحدد ما إذا كان المحتوى الذي يحكمه يمكن تغييره بواسطة زائر موقع من داخل المتصفح.

دعم السمة المميزة

تدعم معظم متصفحات سطح المكتب الحديثة السمة.

وتشمل هذه:

• كروم 4.0 وما فوق
• إنترنت إكسبلورر 6 وما فوق
• فايرفوكس 3.5 وما فوق
• سفاري 3.1 وما فوق
• أوبرا 10.1 وما فوق
• مايكروسوفت ايدج

وينطبق الشيء نفسه على معظم متصفحات الجوال أيضًا.

كيفية استخدام

ما عليك سوى إضافة السمة إلى عنصر HTML الذي تريد جعله قابلاً للتعديل. له ثلاث قيم محتملة: true و false و الوراثة. Inherit هي القيمة الافتراضية ، وهذا يعني أن العنصر يأخذ قيمة أصله. وبالمثل ، فإن أي عنصر فرعي من المحتوى القابل للتعديل يمكن تعديله أيضًا ما لم تغير قيمه إلى false. على سبيل المثال ، لجعل عنصر DIV قابل للتحرير ، استخدم: