Вэб хуудасны контентыг сайтын зочинд зориулж засах боломжтой болгохыг сурна уу

Агуулга засагдах шинж чанарыг ашиглах

Хэрэглэгчид засварлах боломжтой вэбсайт дээр текстийг хийх нь таны хүссэнээс ч хялбар байх болно. Энэ зорилгоор HTML нь шинж чанарыг агуулдаг: contenteditable.

Агуулга засварлах шинж чанар нь анх 2014 онд HTML5 хувилбараар танилцуулагдсан. Энэ нь вэбсайт дотроос сайтын зочиноор зохицуулж байгаа контентийг өөрчилж болох эсэхийг тодорхойлно.

Агуулга засагдах шинж чанарыг дэмжих

Ихэнх орчин үеийн ширээний хөтчүүд нь шинж чанарыг дэмждэг.

Үүнд:

Мобайл хөтөчдийн хувьд мөн үүнтэй ижил байдаг.

Агуулга засварлах хэрхэн ашиглах

Зөвхөн HTML элементийн шинж чанарыг нэмж засварлах боломжтой болно. Энэ нь гурван боломжтой утгатай: үнэн, хуурамч, өвлөн авсан. Өв залгамжлал нь анхдагч утга бөгөөд энэ нь элемент нь эцэг эхийнхээ үнийг авдаг гэсэн үг юм. Үүнтэй адилаар, таны шинэ утгыг өөрчлөх боломжтой агуулгынх нь элементүүд нь хуурамч утгыг өөрчилнө. Жишээ нь DIV элементийг засварлах боломжтой болгохын тулд дараахийг ашиглана:

>

Агуулга дээр засагдсанаар Editable ToD хийх жагсаалт үүсгэ

Илүү агуулагдсан контентыг орон нутгийн хадгалалтад холбоход хамгийн мэдрэмтгий болгодог тул семинарууд болон сайтад зочлох хооронд агуулга агуулагдана.

  1. Хуудасаа HTML засварлагчаар нээ.
  2. MyTasks нэртэй сонгосон жагсаалтыг үүсгэх:

    • Зарим ажил
    • Өөр нэг ажил
  1. Агуулга засварлах шинж чанарыг
      элемент рүү нэмнэ:
      Танд одоо засвар хийх боломжтой жагсаалт бий. Гэхдээ хэрэв та хөтөчөө хаагаад эсвэл хуудсаа орхивол таны жагсаалт алга болно. Шийдэл: LocalStorage-д даалгавруудыг хадгалах энгийн скрипт нэм.
    • Таны баримт бичгийн доторх jQuery холбоосыг нэм.