Diese Übersetzung ist unvollständig. Bitte helfen Sie, diesen Artikel aus dem Englischen zu übersetzen.
In HTML5 kann jedes Element editiert werden. Mit JavaScript Event handlers können Sie Ihre Webseite in einen umfangreichen und schnellen Texteditor verwandeln. Dieser Artikel gibt einige Informationen über diese Funktion.
Kompatibilität
Content editable ist kompatibel mit folgenden Browsern.
- Firefox 3.5+
- Firefox for Android 19+
- Chrome 4.0+
- Internet Explorer 5.5+
- Safari 3.1+
- Opera 9+
- iOS Safari 5.0+
- Android Browser 3.0+
- Opera Mobile 12.1+
- Chrome for Android 25+
Keine Unterstützung in Opera Mini.
Wie funktioniert es?
Ändere das contentEditable Attribut zu true in deinem HTML Element. Es kann in nahezu allen HTML Elementen genutzt werden.
Beispiele
Ein einfaches Beispiel:
<!DOCTYPE html> <html> <body> <div contentEditable="true"> This text can be edited by the user. </div> </body> </html>
Sie können ein weiteres Beispiel mit JavaScript-Integration und unter Benutzung von LocalStorage hier ansehen. Mit Quelltext hier.
Weiterführende Informationen
user_pref("capability.policy.policynames", "allowclipboard");
user_pref("capability.policy.allowclipboard.sites", "https://www.mozilla.org");
user_pref("capability.policy.allowclipboard.Clipboard.cutcopy", "allAccess");
user_pref("capability.policy.allowclipboard.Clipboard.paste", "allAccess");
How to interact with the content (old IE style API) and here