内容可编辑
如果为 true,则可以动态编辑元素;如果为假,则不能。
可用性
在 Safari 1.2 及更高版本中可用。适用于 iPhone OS 1.0 及更高版本。
但是,在我的 iPhone 上,我无法让它工作。有人在这方面取得成功吗?
您可以使用此文档进行尝试(诚然不是纯 html,但该文档适用于桌面 Safari、Chrome 和 Firefox 3)。我什至无法在移动 Safari 中编辑最简单的 html 文档。
内容可编辑
如果为 true,则可以动态编辑元素;如果为假,则不能。
可用性
在 Safari 1.2 及更高版本中可用。适用于 iPhone OS 1.0 及更高版本。
但是,在我的 iPhone 上,我无法让它工作。有人在这方面取得成功吗?
您可以使用此文档进行尝试(诚然不是纯 html,但该文档适用于桌面 Safari、Chrome 和 Firefox 3)。我什至无法在移动 Safari 中编辑最简单的 html 文档。
contenteditable
根据 WWDC 2011 的开发者视频之一,已添加到 iOS 5 beta 2。我建议注册 Apple 的Safari 开发者计划并从 WWDC 视频页面下载该视频。
如果您注册成为 Safari 开发人员,您还有权将您的网站提交到他们的在线 iOS Web 应用程序库。
编辑:我已经确认这适用于运行 iOS 5.0.1 的 iPad。在这里试试:http ://www.quirksmode.org/dom/execCommand/
它有效,有点。我认为 contenteditable 以前在 iPhone 上不起作用。当我将 div 设置为 contenteditable 时,我无法将光标/指针移动到我想要移动的位置。但是,当我在 iPad 上的 iBooks.app 中使用 contentEditable 来摆弄 XHTML 时,我发现“execCommand('insertText', null, 'foobar');” 在 Mobile Safari 中工作。
如果您愿意,您可以使用巧妙的 css 和 javascript 制作一个虚拟键盘,并将其制作成一个小书签。
设计模式和内容可编辑在 IOS 5 中工作正常。但在以前的版本中它不起作用。有帖子
http://mobile.tutsplus.com/tutorials/mobile-web-apps/safari-5_html5/
如果您无法关注 contenteditable 元素,请尝试将其添加到您的 css
[contenteditable] {
-webkit-user-select: text;
user-select: text;
}
我认为这是因为编辑 HTML 需要相当高级的用户界面。这就是为什么桌面版 Safari 实现了它,而移动版 Safari 没有。