Information Technology Reference
In-Depth Information
auch abgebrochen werden. Zusätzlich kann die FileAPI auch bei Formularen
über <input type=file> verwendet werden.
Ähnlich wie bei Drag&Drop gilt hier wieder: Wenn Sie komplexere Applika-
tionen implementieren wollen, werden Sie um das Studium der Details in der
Spezifikation nicht herumkommen. Die relevanten Inhalte für die FileAPI und
Drag&Drop finden Sie unter folgenden Links:
http://www.w3.org/TR/FileAPI/
»
http://www.w3.org/TR/html5/dnd.html
»
Nach diesem Ausflug in die Welt der FileAPI bleiben noch zwei interessan-
te globale Attribute übrig, die wir in diesem Kapitel noch behandeln wollen.
Ähnlich wie Drag&Drop erschließen sie eine neue und unbekannte Welt, die
wir bisher nur aus Programmen zur Textverarbeitung kennen. Wer hätte vor
einigen Jahren schon daran gedacht, den Inhalt einer HTML-Seite direkt im
Browser zu editieren und dabei gleich noch auf Rechtschreibung zu prüfen?
12.6 Die Attribute »contenteditable«
und »spellcheck«
Über das contenteditable -Attribut können HTML-Seiten editierbar gemacht
werden, wobei Änderungen natürlich nur im Arbeitsspeicher stattfinden. Für
das Ausfüllen eines Online-Formulars vor dem Ausdrucken kann das schon
nützlich sein, und auch im Intranet gibt es sicher Einsatzmöglichkeiten, vor
allem dann, wenn geänderte Inhalte über Scripts auch wieder zurückgeschrie-
ben werden. So weit möchten wir in diesem Abschnitt aber nicht gehen, son-
dern wir werden lediglich zeigen, wie contenteditable aktiviert werden kann.
Die Syntax im HTML-Code ist einfach:
<p contenteditable=true>
Text, der geändert werden soll ...
</p>
Durch einen Klick auf den Absatz wird der editierbare Bereich markiert und ein
blinkender Cursor im Text positioniert. Ab jetzt kann, wie bei einem Texteditor, in
gewohnter Weise über Hot-Keys oder das Kontextmenü Inhalt ausgeschnitten,
eingefügt, kopiert oder gelöscht werden, und alle Aktionen können auch schritt-
weise rückgängig gemacht werden. Wollen wir zusätzlich die Rechtschreibprüfung
aktivieren, müssen wir das Attribut spellcheck hinzufügen und auf true setzen:
Search WWH ::




Custom Search