یاد بگیرید چگونگی تنظیم محتوای وب سایت را به عنوان قابل ویرایش برای بازدید کنندگان سایت

با استفاده از Attribute Contentableitable

ساختن متن در یک وبسایت قابل ویرایش توسط کاربران ساده تر از آن است که انتظار دارید. HTML یک ویژگی برای این هدف فراهم می کند: contenteditable.

ویژگی قابل توجه در ابتدا در سال 2014 با انتشار HTML5 معرفی شد . این مشخص می کند که محتوای مورد نظر خود را می توان توسط یک بازدید کننده سایت از داخل مرورگر تغییر داد.

پشتیبانی از Attribute Contentableitable

بیشتر مرورگرهای دسکتاپ مدرن این ویژگی را پشتیبانی می کنند.

این شامل:

همین امر برای اغلب مرورگرهای تلفن همراه نیز انجام می شود.

نحوه استفاده از Contenteditable

به سادگی ویژگی را به عنصر HTML که می خواهید ویرایش کنید اضافه کنید. این سه ارزش ممکن است: درست، نادرست و ارث. اراده مقدار پیش فرض است، به این معنی که عنصر ارزش والد خود را می گیرد. به همین ترتیب، هر عنصر کودک از محتوای قابل ویرایش شما نیز قابل ویرایش خواهد بود، مگر اینکه مقادیر خود را به اشتباه تغییر دهید. برای مثال، برای ایجاد عنصر DIV قابل ویرایش، از:

یک لیست کاری قابل ویرایش با Contenteditable ایجاد کنید

محتوای قابل ویرایش، زمانی که شما با ذخیره سازی محلی آن را جفت می کنید بیشترین حس را دارد، بنابراین محتوای بین جلسات و بازدیدهای سایت همچنان ادامه دارد.

  1. صفحه خود را در یک ویرایشگر HTML باز کنید.
  2. ایجاد یک لیست دلخواه و نامحدود به نام myTasks :

    • برخی کارها
    • یک کار دیگر
  1. عنصر contentableitable را به عنصر
      اضافه کنید:
      شما اکنون لیست کارهایی را که می توانید ویرایش کنید، اما اگر مرورگر خود را بسته و یا صفحه را ترک کنید، لیست شما ناپدید خواهد شد. راه حل: یک اسکریپت ساده برای ذخیره وظایف به localStorage اضافه کنید.
    • یک پیوند به jQuery را در سند خود اضافه کنید.