contenteditable

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

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

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


<body contenteditable>

 

contenteditable

 

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

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

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

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

  1. وب سایت تون رو دیدم واقعا دلم نیومد نظر ندم
    بسیار عالی کار کردید
    امیدوارم همیشه پایدار و سلامت باشید
    خیلی استفاده کردم

  2. سلام من یک سایت درست کردم و الان موندم چطور متن و قالب بهش اضافه کن
    خلاصه نمیدونم چطوری درستش کنم
    لطفا راهنمایی کنید

  3. سلام بر شما دوست عزیز:
    اول تشکر بابت اشتراک گذاری اطلاعاتتون و آموزش های مفیدتون،ثانیا امیدوارم این روند ادامه پیدا بکنه و روز به روز موفق تر از دیروز باشید.

  4. سلام
    خیلی ممنون از ترفند جالبتون!
    من این کار را روی دوسه عدد داخل صفحه کردم تغییر کردند اما پس از refresh برگشت!
    مگر تغییرات ثبت نمی شوند؟؟!
    ممنون از شما

    1. سلام،
      تغییراتی که در صفحه وب با ویژگی contenteditable اعمال میکنید، ذخیره نمی‌شوند. اما میتوانید با Save As کردن صفحه وب در کامپیوتر خودتان آنها را ذخیره کنید. درواقع مرورگر هر بار که صفحه را لود می کند، کدهای صفحه را فراخوانی میکند و ویرایش‌های شما کدهای اصلی صفحه را تغییر نمی دهند.

سوال داری؟ برو به پنل پرسش و پاسخ

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *