Gracefully Degrading ContentEditable在iPhone和iPad上的应用

Question

令我失望的是，我发现在iPhone或iPad上，contentEditable=true属性不能像预期那样工作。

有没有一种方法可以优雅地降级一个可编辑的div，而不必使用textarea并且在iPhone或iPad上失去所有丰富的DHTML格式化好处？

- Petrus Theron

---

我也希望看到这个问题的解决方案适用于其他非HTML5浏览器（例如IE）。 - Naoise Golden

@pate：你应该将接受答案切换到Tim的回答 - iOS现在支持contenteditable。 - RichieHindle

Answer 1

contenteditable从IOS 5开始支持

在您的iPad上点击此处以尝试它

http://www.quirksmode.org/dom/execCommand/

- tim

Answer 2

我希望你已经阅读了（苹果技术说明）和Safari Web内容指南，他们在不要使用不支持的iOS技术下放置了以下段落：

contenteditable在iPhone OS上的Safari中不受支持。如果您正在使用contenteditable在样式化元素内启用文本输入（例如，<p contenteditable>或<div contentediable>），您可以将此样式化元素替换为一个带有样式的<textarea>。在iPad、iPhone、Mac OS X和Windows上的Safari中，您可以使用CSS自定义<textarea>元素的外观。如果需要，您甚至可以通过指定-webkit-appearance: none来禁用任何特定于平台的内置样式。

谢谢,

- Ravin

---

我真的不知道该如何实现它...如何从文本区域获取样式等。 - Damon

好的观点，目前有任何实现吗？https://dev59.com/u1DTa4cB1Zd3GeqPLbM6 - dotchuZ