Warum @contenteditable auf dem iPhone funktioniert nicht?
-
05-09-2019 - |
Frage
Safari HTML Referenz: Unterstützte Attribute sagt:
contenteditable
Wenn das stimmt, kann das Element bearbeitet werden auf die Fliege; wenn er falsch ist, kann es nicht.
Verfügbarkeit
Erhältlich in Safari 1.2 und höher. Erhältlich in iPhone OS 1.0 und höher.
Doch auf meinem iPhone, kann ich es nicht zu arbeiten. Wer noch Erfolg mit diesem?
Sie können es versuchen, mit diesem Dokument (zugegebenermaßen nicht reine html, aber das Dokument arbeitet in Desktop-Safari und Chrome und Firefox 3). Ich habe nicht in der Lage, selbst das einfachste HTML-Dokument zu erhalten in der mobilen Safari editierbar zu sein.
Lösung
contenteditable
wurde iOS 5 Beta 2, hinzugefügt nach einem der Entwickler-Videos von der WWDC 2011. Ich Apples empfehlen Anmeldung Safari developer Program und das Video von der Videos Seite WWDC Download bereit.
Wenn Sie sich anmelden, um eine Safari Entwickler zu sein, können Sie auch das Privileg, gewinnen Ihre Webseite, um ihre Online iOS Web App-Galerie einreichen.
Edit: Ich habe bestätigt, dass es auf meinem iPad mit iOS arbeitet 5.0.1. Probieren Sie es aus hier: http://www.quirksmode.org/dom/execCommand/
Andere Tipps
Es funktioniert, Art. Ich dachte contenteditable nicht vor auf dem iPhone funktioniert. Wenn ich ein div auf contentEditable kann ich nicht den Cursor / Zeiger bewegen, wo ich ihn bewegen wollte. Aber, als ich um XHTML mit contentEditable innerhalb iBooks.app auf iPad Hantieren, fand ich, dass "execCommand ( 'insert', null, 'Foobar');" arbeitete in Mobile Safari.
Wenn Sie wollten, könnten Sie eine virtuelle Tastatur machen mit clevere CSS und JavaScript, und es in ein Bookmarklet machen.
Der Design-Modus und Inhalt bearbeitet arbeiten in IOS 5.But fein in früheren Versionen ist es nicht working.There ist Post
http://mobile.tutsplus.com/tutorials/mobile -Web-apps / Safari-5_html5 /
Ich denke, das liegt daran, dass die Bearbeitung von HTML-Schnittstelle ganz eine erweiterte Benutzers erfordert. Deshalb Desktop-Safari setzt sie, während Mobile Safari nicht.