Ისწავლეთ ვებ-გვერდის კონტენტის დაყენება ვებ გვერდის სტუმრებისთვის

Contenteditable ატრიბუტის გამოყენებით

ტექსტური რედაქტირებისთვის ტექსტური რედაქტირება უფრო ადვილია, ვიდრე თქვენ მოელით. HTML უზრუნველყოფს ატრიბუტს ამ მიზნით: contenteditable.

Contenteditable ატრიბუტი პირველად 2014 წელს გააცნო HTML5- ის გამოშვებით . იგი განსაზღვრავს თუ არა მას შინაარსის შინაარსი შეიძლება შეიცვალოს საიტის მონახულებით ბრაუზერის შიგნიდან.

Contenteditable ატრიბუტის მხარდაჭერა

ყველაზე თანამედროვე დესკტოპის ბრაუზერები მხარს უჭერენ ატრიბუტს.

ესენი მოიცავს:

იგივე წავიდა საუკეთესო ბრაუზერები, ძალიან.

როგორ გამოვიყენოთ Contenteditable

მარტივად დაამატოთ HTML ელემენტის ატრიბუტი რედაქტირება. მას აქვს სამი შესაძლო ღირებულება: ჭეშმარიტი, ყალბი და მემკვიდრეობა. მემკვიდრე არის ნაგულისხმევი მნიშვნელობა, რაც იმას ნიშნავს, რომ ელემენტი იღებს მშობლის ღირებულებას. ანალოგიურად, თქვენი ახლად რედაქტირებული შინაარსის ნებისმიერი ბავშვის ელემენტები რედაქტირებადი იქნება გარდა იმ შემთხვევებისა, როდესაც შეცვლით მათ ღირებულებებს ყალბი. მაგალითად, რათა DIV ელემენტის რედაქტირებადი, გამოიყენოთ:

შეიტანეთ რედაქტირებადი სიების სიაში შემცველობა

რედაქტირებადი შინაარსი ყველაზე მეტად იგრძნობს ადგილობრივ შენახვას, ასე რომ შინაარსი გრძელდება სესიებსა და საიტებზე.

  1. გახსენით თქვენი გვერდი HTML რედაქტორისთვის.
  2. შექმნა bulleted, უწესრიგო სია დაასახელა myTasks :

    • ზოგიერთი ამოცანა
    • სხვა დავალება
  1. დაამატეთ contenteditable ატრიბუტი
      ელემენტს:
      ახლა თქვენ გაქვთ გასაკეთებელი სია, რომელიც რედაქტირებადია, მაგრამ თუ თქვენი ბრაუზერის დახურვა ან გვერდი დატოვეთ, თქვენი სია გაქრება. გამოსავალი: დამატება მარტივი სკრიპტი შენახვა ამოცანების localStorage.
    • დაამატეთ ბმული თქვენს დოკუმენტში .