Създаване на уеб страници с възможност за редактиране

За да се създаде необходимата уеб приложения в Интернет, да изисква инсталиран отделен софтуер на вашия компютър. Една от функциите, които могат да се направят - да редактирате съдържанието на уеб страницата. Това е много проста с този атрибут като sontenteditable.

Създаване на уеб страници с възможност за редактиране

Умение sontenteditable не е нова, тя беше представен за първи път през Internet Explorer 5.5 и се поддържа от Chrome, Firefox (3). Опера (9) и Safari (3). Единственото място, където този атрибут не работи е на старите мобилни браузъри, като например IOS 4, но повечето потребители днес имат по-скорошно IOS 5-то или 6-то поколение, където този атрибут е вече поддържа. Въпреки това, той се разглежда като малко известен, тъй като тя не е на спецификацията на HTML, докато HTML5. Въпреки това, ако го използвате в HTML4, че ще работи перфектно.

Как да използвате Contenteditable

Този атрибут е много лесен за използване. Когато добавите елемент sontenteditable атрибут, браузърът го прави достъпно за редактиране в прозореца на браузъра. Например, за да направите DIV елемент с възможност за редактиране ще можете да пишете:

Въпреки, че можете да изберете да не = «истински» и вместо истински показва нулева стойност (contenteditable = «»), или не пиши (contenteditable). В допълнение, този атрибут може да вземе стойностите contenteditable = «невярно», което означава, че елементът не е достъпен за редактиране и
contenteditable = «наследи», което означава, че елементът може да се редактира, ако незабавното му майка на разположение за редактиране.

Създаване на прост пример с contenteditable във вашия браузър



3. Добавете атрибут елемент ул sontenteditable на:

    След като сте направили това, което вече имате списък, който може да се редактира. Но ако затворите браузъра си, или да се излезе от страницата, списък на случаите, просто ще изчезне. За да запазите трябва да добавите един прост скрипт LocalStorage.

    4. Добавете линк към JQuery и ръководител на нашия документ

    За предпочитане е да се използват Google CDN библиотека, но можете да използвате CDN, която ви харесва.

    5. В долната част на страницата, точно над «/ тяло» етикет сценария:

    Това е началото на четене JQuery функция, която казва на браузъра, за да изтеглите скрипт, когато документът е напълно заредена. Такъв метод за проектиране се използва за butik-vera.ru на сайт, където можете да си купите онлайн пухени якета дамски за зимата с доставка до дома.

    6. Добавете задача на скрипта за сваляне на локално хранилище в рамките на функция документ четене и получават никакви задачи, съхранявана в него:

    HTML за цялата страница е както следва:



    Започнете да пишете в списъка си и браузъра ще го съхранява за вас. Когато презаредите той все още ще бъде тук.