From 4ab365b110f2f1f2b736326b7059244a32115089 Mon Sep 17 00:00:00 2001 From: Florian Merz Date: Thu, 11 Feb 2021 14:45:38 +0100 Subject: unslug de: move --- .../de/web/guide/html/editable_content/index.html | 52 ++++++++++++++++++++++ 1 file changed, 52 insertions(+) create mode 100644 files/de/web/guide/html/editable_content/index.html (limited to 'files/de/web/guide/html/editable_content') diff --git a/files/de/web/guide/html/editable_content/index.html b/files/de/web/guide/html/editable_content/index.html new file mode 100644 index 0000000000..03ab2fdfe0 --- /dev/null +++ b/files/de/web/guide/html/editable_content/index.html @@ -0,0 +1,52 @@ +--- +title: Content Editable +slug: Web/Guide/HTML/Content_Editable +tags: + - HTML5 Inhalt ändern editierbar +translation_of: Web/Guide/HTML/Editable_content +--- +

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.

+ + + +

Keine Unterstützung in Opera Mini.

+ +

Wie funktioniert es?

+ +

Ändere das {{DOMXRef("HTMLElement.contentEditable", "contentEditable")}} Attribut zu true in deinem HTML Element. Es kann in nahezu allen HTML Elementen genutzt werden.

+ +

Beispiele

+ +

Ein einfaches Beispiel:

+ +
<div contenteditable="true">
+  This text can be edited by the user.
+</div>
+ +

Das obige Beispiel kann direkt ausprobiert werden:

+ +

{{ EmbedLiveSample('Beispiele') }}

+ +

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

-- cgit v1.2.3-54-g00ecf