با استفاده از Attribute Contentableitable
ساختن متن در یک وبسایت قابل ویرایش توسط کاربران ساده تر از آن است که انتظار دارید. HTML یک ویژگی برای این هدف فراهم می کند: contenteditable.
ویژگی قابل توجه در ابتدا در سال 2014 با انتشار HTML5 معرفی شد . این مشخص می کند که محتوای مورد نظر خود را می توان توسط یک بازدید کننده سایت از داخل مرورگر تغییر داد.
پشتیبانی از Attribute Contentableitable
بیشتر مرورگرهای دسکتاپ مدرن این ویژگی را پشتیبانی می کنند.
این شامل:
- کروم 4.0 و بالاتر
- اینترنت اکسپلورر 6 و بالاتر
- فایرفاکس 3.5 و بالاتر
- سافاری 3.1 و بالاتر
- اپرا 10.1 و بالاتر
- مایکروسافت لبه
همین امر برای اغلب مرورگرهای تلفن همراه نیز انجام می شود.
نحوه استفاده از Contenteditable
به سادگی ویژگی را به عنصر HTML که می خواهید ویرایش کنید اضافه کنید. این سه ارزش ممکن است: درست، نادرست و ارث. اراده مقدار پیش فرض است، به این معنی که عنصر ارزش والد خود را می گیرد. به همین ترتیب، هر عنصر کودک از محتوای قابل ویرایش شما نیز قابل ویرایش خواهد بود، مگر اینکه مقادیر خود را به اشتباه تغییر دهید. برای مثال، برای ایجاد عنصر DIV قابل ویرایش، از:
یک لیست کاری قابل ویرایش با Contenteditable ایجاد کنید
محتوای قابل ویرایش، زمانی که شما با ذخیره سازی محلی آن را جفت می کنید بیشترین حس را دارد، بنابراین محتوای بین جلسات و بازدیدهای سایت همچنان ادامه دارد.
- صفحه خود را در یک ویرایشگر HTML باز کنید.
- ایجاد یک لیست دلخواه و نامحدود به نام myTasks :
- برخی کارها li>
- یک کار دیگر li>
ul>
- برخی کارها li>
- عنصر contentableitable را به عنصر
- اضافه کنید:
- یک پیوند به jQuery را در سند خود اضافه کنید.