13

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

内容可编辑

如果为 true,则可以动态编辑元素;如果为假,则不能。

可用性

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

但是,在我的 iPhone 上,我无法让它工作。有人在这方面取得成功吗?

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

4

6 回答 6

7

contenteditable根据 WWDC 2011 的开发者视频之一,已添加到 iOS 5 beta 2。我建议注册 Apple 的Safari 开发者计划并从 WWDC 视频页面下载该视频。

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

编辑:我已经确认这适用于运行 iOS 5.0.1 的 iPad。在这里试试:http ://www.quirksmode.org/dom/execCommand/

于 2011-09-02T23:23:30.750 回答
2

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

于 2010-06-15T00:42:41.010 回答
1

如果您愿意,您可以使用巧妙的 css 和 javascript 制作一个虚拟键盘,并将其制作成一个小书签。

于 2010-11-18T06:02:00.763 回答
0

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

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

于 2011-12-19T13:06:50.920 回答
0

如果您无法关注 contenteditable 元素,请尝试将其添加到您的 css

[contenteditable] {
    -webkit-user-select: text;
    user-select: text;
}
于 2020-01-08T20:28:40.147 回答
-3

我认为这是因为编辑 HTML 需要相当高级的用户界面。这就是为什么桌面版 Safari 实现了它,而移动版 Safari 没有。

于 2009-06-29T18:39:13.943 回答