Can I escape HTML special chars in JavaScript?

by

Here’s a solution that will work in practically every web browser:

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

If you only support modern web browsers (2020+), then you can use the new replaceAll function:

const escapeHtml = (unsafe) => {
    return unsafe.replaceAll('&', '&amp;').replaceAll('<', '&lt;').replaceAll('>', '&gt;').replaceAll('"', '&quot;').replaceAll("'", '&#039;');
}

More Related Contents:

  1. How can I make an image carousel with only CSS?
  2. HTML5 Drag and Drop – No transparency?
  3. Read a file synchronously in Javascript
  4. Phonegap Application text and layout too small
  5. Remove all content using pure JS
  6. How can I invoke encodeURIComponent from angularJS template?
  7. CSS: Select element only if a later sibling exists
  8. Is there a cross-browser standard on-load event for HTML’s “object” tag?
  9. How to pass text in a textbox to JavaScript function?
  10. How to call a function after a div is ready?
  11. How to convert selected HTML to Json?
  12. Use JavaScript to intercept all document link clicks
  13. Reading line-by-line file in JavaScript on client side
  14. Why isn’t my checkbox change event triggered?
  15. how can I stick the div after scrolling down a little
  16. javascript: upload image file and draw it into a canvas
  17. How to customize the position of an alert box
  18. How to execute code in a javascript append
  19. Extracting single frames from an animated GIF to canvas
  20. Set cursor after span element inside contenteditable div
  21. Cross-browser innerText for setting values
  22. input:invalid css rule is applied on page load
  23. jquery ajax parse response text
  24. Showing Placeholder text for password field in IE
  25. Where are cookies saved for a local HTML file?
  26. how to get full path from fileupload using Javascript
  27. Reading from udp port in browser
  28. What can service workers do that web workers cannot?
  29. How to show calendar popup when input[type=”date”] is on focus
  30. Horizontal scrolling with mouse wheel in a div

Leave a Comment