DEV Community

lionel-rowe
lionel-rowe

Posted on

Easily and safely escape HTML in one line

#javascript #html #webdev 
x => Object.assign(document.createElement('div'), { textContent: x }).innerHTML
Enter fullscreen mode Exit fullscreen mode

True, you could also do it with

x => x.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;")
Enter fullscreen mode Exit fullscreen mode

or similar, but if you do it the first way you don't have to remember the HTML entities 🙂

Top comments (0)

Read next

shaharkazaz profile image

Remove Redundant Subscriptions in Angular with @jsverse/letify

Shahar Kazaz -

fahimfba profile image

How to Unsave All Saved Posts on Facebook in a Few Simple Steps

Md. Fahim Bin Amin -

pellenilsen profile image

What does CORS really do? 🤔

Pelle Nilsen -

nnamdi_nwaocha_6d2abd27d1 profile image

Guide to Building a REST API with Deno and Oak Framework

nnamdi nwaocha -