优雅地降级内容可在 iPhone 和 iPhone 上编辑iPad
令我沮丧的是,我发现 contentEditable=true
属性在 iPhone 或 iPad 上无法按预期工作。
有没有一种方法可以优雅地降级 contentEditable div,而无需诉诸文本区域并失去 iPhone 或 iPad 上所有丰富的 DHTML 格式优势?
To my dismay, I found out that the contentEditable=true
attribute does not work as expected on iPhones or iPads.
Is there a way to gracefully degrade a contentEditable div without resorting to a textarea and losing all of the rich DHTML formatting benefits on an iPhone or iPad?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
从 IOS 5 开始支持
contenteditable
在您的 iPad 上转到此处进行尝试
http ://www.quirksmode.org/dom/execCommand/
contenteditable
is supported from IOS 5 onwardGo here on your iPad to try it out
http://www.quirksmode.org/dom/execCommand/
我希望您已经阅读过此(Apple 技术说明)和 Safari Web 内容指南,他们将以下段落放在不要使用不受支持的 iOS 技术下
iPhone 操作系统上的 Safari 不支持
contenteditable
。如果您使用contenteditable
在样式化元素中启用文本输入(例如,或
textarea
> 替换此样式化元素。在 iPad、iPhone、Mac OS X 和 Windows 上的 Safari 中,您可以使用 CSS 自定义谢谢,
I hope you have gone through this(Apple's Technical Notes) and Safari Web Content Guide they put following paragraph under Don’t Use Unsupported iOS Technologies
contenteditable
is not supported in Safari on iPhone OS. If you're usingcontenteditable
to enable text input within a styled element (for instance,<p contenteditable>
or<div contentediable>
), you can replace this styled element with a styled <textarea
>. In Safari on iPad, iPhone, Mac OS X, and Windows, you can customize the appearance of<textarea>
elements using CSS. If necessary, you can even disable any platform-specific, built-in styling on a<textarea>
by specifying-webkit-appearance: none
.Thanks,