Escape HTML Characters

  • < : &lt;
  • > : &gt;
  • " : &quot;
  • ' : &#39; or &apos;
  • & : &amp;

How to escape & unescape HTML characters in string in JavaScript?

Escaping and unescaping HTML characters is important in JavaScript because it ensures proper rendering of content, preventing HTML injection attacks and preserving text formatting when displaying user-generated or dynamic content on web pages.

Similar Reads

Escape HTML Characters

< : <> : >" : "' : ' or '& : &...

Unescape HTML Characters

< : <> : >" : "' or ' : '& : &...

Using replace( ) method

In this approach, we are using the replace method with regular expressions to escape HTML characters by replacing special characters like <, >, &, “, and ‘ with their corresponding HTML entities. Then, we use another set of replacement methods to unescape these HTML entities back to their original characters....

Using Built-in Functions

JavaScript provides the encodeURIComponent() function to encode special characters in a URI component, including HTML characters. To decode HTML entities back to their original characters, JavaScript offers the decodeURIComponent() function....

Using Lodash Library

In this approach, we are using the Lodash library’s escape method to convert HTML characters in the originalStr into their corresponding HTML entities, ensuring safe rendering in HTML documents. Then, we use unescape to revert the escaped HTML entities to their original characters in the escapeStr....