检测浏览器是否支持contentEditable？

Question

有这个问题,但发布的解决方案是浏览器嗅探,我试图避免.

我需要让我的网站与iPad和更新的Androids兼容.我一直在为我的WYSIWYG编辑器使用旧版本的FCKEditor(现在是CK编辑器),但这不适用于移动设备,所以我想换掉一个简单的textarea,如markdown,如果不支持的话.

据说它不起作用,因为移动设备往往不支持此contentEditable属性,这意味着当您点击它时屏幕键盘不会弹出.

如何检测浏览器是否支持contentEditable？有人建议我只是用类似的东西来检查div mydiv.contentElement === undefined,但是div(如果它使用的是)都是内置在FCK编辑器中并埋在iframe中的某个地方.

是否有其他方法可以检测浏览器是否支持contentEditable？

---

试过这个:

var contentEditableSupport = typeof $('<div contenteditable="true">')[0].contentEditable !== 'undefined';

在我的iPad上说"真实"......我认为不应该这样.

编辑:它返回"字符串",因为所有属性都是字符串....它只是读取属性.我还应该怎么做呢？

Answer 1

您可以创建一个匿名的可编辑div,检查contentEditable,然后删除div.

Answer 2

这是我使用的测试，也在Modernizr 中使用。它会在 iOS 4（可能更早）中给出误报，但不幸的是在这些环境中无法检测到。

var contentEditableSupport = "contentEditable" in document.documentElement;