למד כיצד להגדיר תוכן דף אינטרנט לעריכה עבור המבקרים באתר

שימוש בתכונה Contenteditable

הפיכת הטקסט באתר שניתן לעריכה על ידי משתמשים קל יותר מכפי שניתן לצפות. HTML מספק תכונה למטרה זו: contenteditable.

התכונה contenteditable הוצגה לראשונה בשנת 2014 עם פרסום HTML5 . הוא מציין אם התוכן שבו הוא שולט יכול להשתנות על ידי מבקר באתר מתוך הדפדפן.

תמיכה עבור התכונה Contentedable

רוב הדפדפנים השולחניים המודרניים תומכים בתכונה.

אלו כוללים:

• Chrome 4.0 ומעלה
• Internet Explorer 6 ומעלה
• 3.5 ומעלה
• ספארי 3.1 ומעלה
• אופרה 10.1 ומעלה
• מיקרוסופט אדג

כנ"ל לגבי רוב הדפדפנים לנייד, גם.

כיצד להשתמש

כל שעליך לעשות הוא להוסיף את התכונה אלמנט HTML שברצונך לערוך. יש לו שלושה ערכים אפשריים: אמת, שקר וירושה. Inherit הוא ערך ברירת המחדל, כלומר האלמנט מקבל את הערך של ההורה שלו. כמו כן, כל ילד אלמנטים של התוכן החדש שלך לעריכה גם יהיה לעריכה, אלא אם תשנה את הערכים שלהם שווא. לדוגמה, כדי להפוך רכיב DIV לעריכה, השתמש ב: