DEV Community

Cover image for 1 line of code: How to convert html special chars
Martin Krause
Martin Krause

Posted on

2 1

1 line of code: How to convert html special chars

const htmlSpecialChars = str => str.replace(/[&"'<>]/g, (i) => ({ "&": "&amp;", '"': "&quot;", "'": "&#039;", "<": "&lt;", ">": "&gt;" }[i]));
Enter fullscreen mode Exit fullscreen mode

Returns a new string where all HTML special characters are converted to HTML entities.


Certain characters have special significance in HTML, and should be represented by HTML entities if they are to preserve their meanings.
Based on PHP: htmlspecialchars


The repository & npm package

You can find the all the utility functions from this series at github.com/martinkr/onelinecode
The library is also published to npm as @onelinecode for your convenience.

The code and the npm package will be updated every time I publish a new article.


Follow me on Twitter: @martinkr and consider to buy me a coffee

Photo by zoo_monkey on Unsplash


Subscribe to the weekly modern frontend development newsletter


AWS GenAI LIVE image

How is generative AI increasing efficiency?

Join AWS GenAI LIVE! to find out how gen AI is reshaping productivity, streamlining processes, and driving innovation.

Learn more

Top comments (0)

The best way to debug slow web pages cover image

The best way to debug slow web pages

Tools like Page Speed Insights and Google Lighthouse are great for providing advice for front end performance issues. But what these tools can’t do, is evaluate performance across your entire stack of distributed services and applications.

Watch video

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay