Detect if browser supports contentEditable?
<p>There's <a href="http://stackoverflow.com/questions/3497942/browser-detect-contenteditable-features">this question</a>, but the solution posted is browser sniffing, which I'm trying to avoid.</p>

<p>I need to make my website compatible with the iPad and perhaps newer Androids. I've been using an old version of the FCKEditor (now CK Editor) for my WYSIWYG editors, but that doesn't work on mobile, so I want to swap it out for a simple textarea with something like markdown, if it's not supported.</p>

<p>Supposedly it won't work because mobile devices tend not to support this <code>contentEditable</code> property, which means the on-screen keyboard won't pop up when you click on it.</p>

<p>How can I detect if the browser supports <code>contentEditable</code>? It's been suggested that I just check the div in question with something like <code>mydiv.contentElement === undefined</code> or something like that, but the div (if it's using one) is all built into the FCK Editor and buried somewhere in an iframe. </p>

<p>Isn't there another way to detect if a browser supports <code>contentEditable</code> in general?</p>

<hr>

<p>Just tried this:</p>

<pre><code>var contentEditableSupport = typeof $('&lt;div contenteditable="true"&gt;')[0].contentEditable !== 'undefined';
</code></pre>

<p>Says "true" on my iPad...... I don't think it should.</p>

<p><strong>Edit:</strong> It's returning "string" because all attributes are strings.... it's just reading the attribute. How else am I supposed to do this?</p>
