Дознајте како да поставите содржина на веб-страница како уредни за посетителите на сајтот

Користење на атрибутот содржан во содржината

Изработка на текстот на веб-страница што може да се уреди од корисниците е полесно отколку што може да очекувате. HTML обезбедува атрибут за оваа намена: содржина е достапна.

ContentAdable атрибутот првпат беше воведен во 2014 година со објавувањето на HTML5 . Таа одредува дали содржината што ја уредува може да биде изменета од посетителот на страницата од прелистувачот.

Поддршка за атрибутот содржан во содржината

Повеќето модерни десктоп прелистувачи го поддржуваат атрибутот.

Тие вклучуваат:

Истото важи и за повеќето мобилни пребарувачи, исто така.

Како да се користи Contenteditable

Едноставно додадете атрибут на елементот HTML што сакате да го направите за уредување. Има три можни вредности: вистинити, лажни и наследни. Наследството е стандардна вредност, што значи дека елементот ја зема вредноста на нејзиниот родител. Исто така, сите дете елементи на вашата ново уредување содржина, исто така, може да се уредува, освен ако не се промени нивните вредности на лажни. На пример, за да се направи елемент на DIV уреден, користете:

Креирај листа за уредување со содржина која може да се прилагоди

Содржината што може да се уредува најмногу ја чувствува кога ќе ја спарите со локално складирање, така што содржината опстојува помеѓу сесиите и посетителите на сајтот.

  1. Отворете ја вашата страница во уредувач HTML.
  2. Креирај листа со листа, наречена myTasks :

    • Некоја задача
    • Друга задача
  1. Додадете атрибуција contenteditable на елементот
      :
      Сега имате листа со задачи што може да се уредуваат - но ако го затворите вашиот прелистувач или ја напуштите страницата, вашата листа ќе исчезне. Решение: Додајте едноставна скрипта за да ги зачувате задачите на localStorage.
    • Додајте линк до jQuery во од вашиот документ.