How to make contenteditable div content as text only

Asked Jan 22 '15 at 09:08

Active Jan 22 '15 at 09:08

Viewed 232 times

I am looking for a way to make contenteditable div return me text only data. How can this be achived in a cross browser manner.

The default behaviour gives me html text. And pasting text from browser into "contenteditable div" also paste the html text.

I would like "contenteditable div" to behave just like a text pad with plain text only.

asked Jan 22 '15 at 09:08

jsbisht

1

How about using a `` element? – Tim Down Jan 22 '15 at 09:30
For usability issues like scrollbar and autoresize, i would like to stick to "contenteditable div" – jsbisht Jan 22 '15 at 09:38
use a regex to strip out the html? – Pete Jan 22 '15 at 09:49
@Pete Every time a person paste's html content, it renders it. So users expects formatted content to be stored on save. So, stripping out html might not work all that well here. – jsbisht Jan 22 '15 at 10:07
Why not strip it out when it is pasted then? Or html encode the text so the tags get rendered as text – Pete Jan 22 '15 at 10:32
That can be done but i feel that its an overhead. If only i could do that in a simpler manner. – jsbisht Jan 22 '15 at 10:35
Parsing html to get text, i might end up getting unwanted data in my final text. – jsbisht Jan 22 '15 at 10:59

0 Answers0