使用jQuery从textarea获取html转义的文本

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 

PS 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.

Answer 1

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

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

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

Answer 2

这样的事情可能会起作用：

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

Answer 3

• 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