contenteditable

چطور یک صفحه وب را قابل ویرایش کنیم؟

به عنوان یک طراح صفحات وب قطعا تابحال به این مورد برخورده اید که رییس یا همکار و یا مشتری در زمان تماشای طرح در کنار شما از شما می خواهد که متنی از صفحه را به متنی دیگر تغییر دهید و یا برای خودتان سوال پیش می آید که اگر فلان متن چوون گردد, چوون می شود!؟

اکثر ما برای انجام این کار از ابزارهای موجود در مرورگرها (Developer tools) کمک می گیریم. اما جالب است بدانید که تنها با اضافه کردن یک کلمه به تگ <body> تمام محتوای یک صفحه قابلیت ویرایش پیدا می کنند.


<body contenteditable>

 

contenteditable

 

ویژگی contenteditable به هر عنصری در HTML داده شود, آن عنصر قابل ویرایش می شود. اکثر ویرایشگرهای آنلاین امروزی توسط این ویژگی ساخته می شوند.

پشتیبانی مرورگرها از این ویژگی بسیار خوب است و می توانید برای تحقیق این موضوع به این آدرس مراجعه کنید.

به عنوان یک پیشنهاد, بهتر است که در فاز طراحی یک صفحه, همیشه این ویژگی به تگ <body> داده شود به شرط اینکه همانطور پروژه را تحویل مشتری ندهید! و ویژگی را حذف کنید 🙂