A plain JavaScript way to decode HTML entities, works on both browsers and Node

by

There are many similar questions and useful answers in stackoverflow but I can’t find a way works both on browsers and Node.js. So I’d like to share my opinion.

For html codes like   < > ' and even Chinese characters.

I suggest to use this function. (Inspired by some other answers)

function decodeEntities(encodedString) {
    var translate_re = /&(nbsp|amp|quot|lt|gt);/g;
    var translate = {
        "nbsp":" ",
        "amp" : "&",
        "quot": "\"",
        "lt"  : "<",
        "gt"  : ">"
    };
    return encodedString.replace(translate_re, function(match, entity) {
        return translate[entity];
    }).replace(/&#(\d+);/gi, function(match, numStr) {
        var num = parseInt(numStr, 10);
        return String.fromCharCode(num);
    });
}

This implement also works in Node.js environment.

decodeEntities("&#21704;&#21704;&nbsp;&#39;&#36825;&#20010;&#39;&amp;&quot;&#37027;&#20010;&quot;&#22909;&#29609;&lt;&gt;") //哈哈 '这个'&"那个"好玩<>

As a new user, I only have 1 reputation 🙁

I can’t make comments or answers to existing posts so that’s the only way I can do for now.

Edit 1

I think this answer works even better than mine. Although no one gave him up vote.

More Related Contents:

  1. How to Protect website code PHP / JS? [closed]
  2. My JS is not working (chat application)
  3. Displaying Javascript variables in HTML
  4. Electron require() is not defined
  5. Link index.html client.js and server.js
  6. Render basic HTML view?
  7. Connecting to TCP Socket from browser using javascript
  8. Streaming a video file to an html5 video player with Node.js so that the video controls continue to work?
  9. Node.js can’t create Blobs?
  10. Passing a variable from node.js to html
  11. How to add custom html attributes in JSX
  12. Sending message to a specific connected users using webSocket?
  13. Save and render a webpage with PhantomJS and node.js
  14. Good beginners tutorial to socket.io? [closed]
  15. How do you import a javascript package from a cdn/script tag in React?
  16. Get elements from page.evaluate in Puppeteer? [duplicate]
  17. Sharing websocket across browser tabs?
  18. Failed to load resource from same directory when redirecting Javascript
  19. how to use jQuery ajax calls with node.js
  20. how to save canvas data to file
  21. Why cookies and set-cookie headers can’t be set while making xmlhttprequest using setRequestHeader?
  22. Connecting to remote SSH server (via Node.js/html5 console)
  23. multiple ui-view html files in ui-router
  24. JavaScript EventSource SSE not firing in browser
  25. Nodejs Event Loop
  26. Coordinates of selected text in browser page
  27. Uncaught ReferenceError: process is not defined
  28. Is there a best practice for generating html with javascript
  29. How to determine the intended frame-rate on an html video element
  30. Creating a private chat between a key using a node.js and socket.io

Leave a Comment