Convert tags to html entities

Question

Hello,

Is it possible to convert html tags to html entities using javascript/jquery using any way possible such as regex or some other way. If yes, then how?

Example:

<div> should be converted to <div>

Note: I am not talking about server-side languages.

Answer 1

Try this function for the HTML special characters:

function htmlencode(str) {
    return str.replace(/[&<>"']/g, function($0) {
        return "&" + {"&":"amp", "<":"lt", ">":"gt", '"':"quot", "'":"#39"}[$0] + ";";
    });
}

Answer 2

var d = "<div>"
d = d.replace(/<|>/g, function(chr){
    return chr == "<" ? "&lt;" : "&gt;"
})
console.log(d)

Answer 3

As you tagged with jquery, a jQuery-powered solution should work for you:

$("<div>").text("<div>bleh</div>whatever").html()

Replace the argument to the text-method with whatever markup you want to escape.

Answer 4

In JQuery:

$('<div/>').text('This is fun & stuff').html(); // evaluates to "This is fun &amp; stuff"

http://debuggable.com/posts/encode-html-entities-with-jquery:480f4dd6-13cc-4ce9-8071-4710cbdd56cb

Answer 5

If you have the variable and you want to insert it on a div, you can call text().

var myVar = "<span><strong>Some vars</strong> Some var extra</span>";
$("div").text(myVar);