Použití atributu Contenteditable
Zpracování textu na webu upravitelném uživateli je snadnější, než byste očekávali. HTML poskytuje atribut pro tento účel: kontenteditable.
Atribut kontentedable byl poprvé představen v roce 2014 s vydáním HTML5 . Určuje, zda obsah, který řídí, může změnit návštěvník webu z prohlížeče.
Podpora atributu Contenteditable
Většina moderních desktopových prohlížečů podporuje tento atribut.
Tyto zahrnují:
- Chrome 4.0 a vyšší
- Internet Explorer 6 a novější
- Firefox 3.5 a vyšší
- Safari 3.1 a vyšší
- Opera 10.1 a nahoru
- Microsoft Edge
Totéž platí pro většinu mobilních prohlížečů.
Jak používat Contenteditable
Jednoduše přidáte atribut prvku HTML, který chcete upravovat. Má tři možné hodnoty: pravdivé, falešné a dědí. Funkce dědictví je výchozí hodnota, což znamená, že element přebírá hodnotu jejího nadřazeného objektu. Stejně tak mohou být libovolné podřízené prvky vašeho nově upravitelného obsahu upravitelné, pokud nezměníte jejich hodnoty na hodnotu false. Chcete-li například upravit prvek DIV, použijte:
Vytvoření seznamu upravitelných úloh s kontinentním obsahem
Upravitelný obsah je nejvhodnější, když jej spojíte s místním úložištěm, takže obsah přetrvává mezi relacemi a návštěvami na webu.
- Otevřete stránku v editoru HTML.
- Vytvoření seznamu s odrážkami s názvem myTasks :
- Některá úloha li>
- Další úloha li>
ul>
- Některá úloha li>
- Přidejte atribut contenteditable k elementu
- :
- Přidejte odkaz do jQuery v dokumentu.