Get html-escaped text from textarea with jQuery

Question

I have a <textarea id="mytextarea"></textarea>.

Let's say a user typed in there: <hello>, world!

How to get res = "<hello>, world!"; from what user typed?

This code doesn't work:

var res = $('#mytextarea').val().html();

It says:

Uncaught TypeError: undefined is not a function

P.S. var res = $('#mytextarea').val(); works just fine, but I need the text from the textarea became html-escaped.

How to do it with jQuery?

Thank you.

possible duplicate of [Can I escape html special chars in javascript?](http://stackoverflow.com/questions/6234773/can-i-escape-html-special-chars-in-javascript) — Kevin B, Apr 23 '14 at 18:23
Why it is duplicate, if it is not. I saw that question you've mentioned before I asked. I was curious if it is possible to do WITH jQuery. — Haradzieniec, Apr 23 '14 at 18:50

score 5 · Accepted Answer · edited May 23 '17 at 12:09

5

Already answered: Can I escape html special chars in javascript?

function escapeHtml(unsafe) {
    return unsafe
         .replace(/&/g, "&amp;")
         .replace(/</g, "&lt;")
         .replace(/>/g, "&gt;")
         .replace(/"/g, "&quot;")
         .replace(/'/g, "&#039;");
}

var res = escapeHtml($('#mytextarea').val());

edited May 23 '17 at 12:09

Community

1
1

answered Apr 23 '14 at 18:19

ptimson

5,533
8
35
53

keune · Answer 2 · 2014-04-23T18:32:34.247

5

Something like this could work:

var res = $("<div/>").text($('#mytextarea').val()).html();

edited Apr 23 '14 at 18:32

answered Apr 23 '14 at 18:22

keune

5,779
4
34
50

1

why the downvotes? this does exactly what the op asked. – keune Apr 23 '14 at 18:27

Luca Filosofi · Answer 3 · 2014-04-23T18:49:02.597

-1

demo : http://so.devilmaycode.it/get-html-escaped-text-from-textarea-with-jquery/

use this function that emulate the equivalent php function

http://phpjs.org/functions/htmlentities/

http://phpjs.org/functions/get_html_translation_table/

http://php.net/manual/en/function.htmlentities.php

edited Apr 23 '14 at 18:49

answered Apr 23 '14 at 18:20

Luca Filosofi

30,905
9
70
77

Get html-escaped text from textarea with jQuery

3 Answers3