为什么@contenteditable不能在iPhone上运行？

Question

Safari HTML Reference: Supported Attributes说：

  

CONTENTEDITABLE

     

如果为true，则可以编辑该元素   苍蝇;如果错误，则不能。

     

状况

     

在Safari 1.2及更高版本中可用。   适用于iPhone OS 1.0及更高版本。

然而，在我的iPhone上，我无法让它工作。任何人都有这个成功吗？

您可以使用this document进行尝试（诚然，这不是纯HTML，但该文档适用于桌面Safari，Chrome和Firefox 3）。我甚至无法在移动Safari中编辑最简单的html文档。

Answer 1

根据WWDC 2011的一个开发者视频，

contenteditable已被添加到iOS 5 beta 2中。我建议注册Apple的Safari developer program并从WWDC视频页面下载该视频。

如果您注册成为Safari开发者，您还有权将您的网站提交到他们的在线iOS Web应用程序库。

修改：我已经确认这可以在运行iOS 5.0.1的iPad上运行。在这里试试：http://www.quirksmode.org/dom/execCommand/

Answer 2

它有效。我认为contenteditable之前在iPhone上不起作用。当我将div设置为contenteditable时，我无法将光标/指针移动到我想移动它的位置。但是，当我在iPad上的iBooks.app中使用contentEditable摆弄XHTML时，我发现“execCommand（'insertText'，null，'foobar'）;”在Mobile Safari中工作。

Answer 3

如果您愿意，可以使用虚拟键盘 聪明的CSS和JavaScript，并使其成为书签。

Answer 4

设计模式和内容可编辑在IOS 5中运行良好。但在以前的版本中它不起作用。有帖子

http://mobile.tutsplus.com/tutorials/mobile-web-apps/safari-5_html5/

Answer 5

如果您不能集中于contenteditable元素，请尝试将其添加到CSS中

[contenteditable] {
    -webkit-user-select: text;
    user-select: text;
}

Answer 6

我认为这是因为编辑HTML需要相当高级的用户界面。这就是桌面Safari实现它的原因，而Mobile Safari却没有。