كيفية جعل صفحة قابلة للتحرير في المتصفح

هناك وضع خاص وسري جدًا في المتصفحات ، يسمى وضع التصميم.

هناك وضع خاص وسري جدًا في المتصفحات يسمىوضع التصميم.

عندما تقوم بتعيين صفحة في وضع التصميم ، يمكنك تحرير محتوى الصفحة مباشرة داخل صفحة المتصفح ، وهو أمر مفيد للغاية لاختبار نموذج أولي أو التحقق من الشكل الذي سيبدو عليه العنوان الجديد ، على سبيل المثال.

كيف تقوم بتمكينه؟ افتح الوحدة تحكم DevToolsواكتب:

document.designMode = 'on'

يمكن تشغيل نفس النتيجة عن طريق التمكينcontentEditableعلى الbodyعنصر مثل هذا:

document.body.contentEditable = true

يمكنك تحرير النص وحذفه وسحب الصور أيضًا لتغيير موضعها.

designMode in action

يمكنك إيقاف تشغيل الوضع باستخدام

document.designMode = 'off'

هذه الميزة مدعومة من قبل كل متصفح تقريبًا ، بما في ذلك IE. إنها قديمة جدًا ، لكنها غير معروفة تمامًا.


المزيد من دروس المتصفح: