为什么@contenteditable 在 iPhone 上不起作用？

Question

Safari HTML 参考：支持的属性说：

内容可编辑

如果为 true，则可以即时编辑该元素； 如果为假，则不能。

可用性

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

但是，在我的 iPhone 上，我无法让它工作。 有人成功了吗？

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

Answer 1

根据 WWDC 2011 的开发者视频之一， contenteditable已添加到 iOS 5 beta 2。我建议注册 Apple 的Safari 开发者计划并从 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

如果您无法聚焦 contenteditable 元素，请尝试将其添加到您的 css 中

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

Answer 5

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

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

Answer 6

我认为这是因为编辑 HTML 需要相当先进的用户界面。 这就是桌面 Safari 实现它，而移动 Safari 没有实现的原因。