Parse me a numeric html entity

#challenge #programming #javascript

I saw the following question:

Aug 29 '19 Comments: 4 Answers: 0

I am using wordpress rest api and am getting encoded title strings from the server. I want to decode the string before I use it to replace the document.title.

Wordpress api

{
 "id": 698,
 "title": {
  "rendered": "Ludovico Einaudi &#8211; &#8220;Divenire&#8221;"
 },
}

actions.js

export default {
  updateDocTitle ({ state,

…

Open Full Question

It's been closed as a dupe, but that didn't discourage me from wanting to figure it out for myself.

So, the challenge is: for any given string input, replace any numerically represented html entities with the correct character.

Remember, the largest codepoint is 0x10ffff.

Some test cases:

'&#xf6;_&#246;' // expected 'ö_ö'
'Hello &&&#x;'  // expected 'Hello &&&#x;'
'&#x123 &#x123;'  // expected '&#x123 ģ'
'&#x110000;'    // expected '&#x110000;'

I'll post my attempt below!

Top comments (2)

Matt Ellen-Tsivintzeli • Aug 30 '19 • Edited

This is how I solved it:

There must be a less verbose way :D

Matt Ellen-Tsivintzeli • Sep 2 '19 • Edited

Created a little Grease Monkey script to use it:

// ==UserScript==
// @name     HTML Entity Replacer
// @version  1
// @include  http*
// @grant    none
// @require  https://gist.githubusercontent.com/Mellen/ce5d247587dcb7b49e5145a6f49328be/raw/16871d379ea7afe4063ac3646851ae35cbc010df/replaceNumericEntities.js
// @run-at   document-end
// ==/UserScript==


inputs = Array.from(document.querySelectorAll('input[type=text], textarea'));
inputs.forEach(input => 
               {
                 input.addEventListener('keyup', e =>      
                                                 {
                                                   e.target.value = replaceNumericEntities(e.target.value);
                                                 });
               });

DEV Community

Parse me a numeric html entity

Top comments (2)

Read next

Stop Struggling Learn CSS Faster

Useful JavaScript tips and tricks that you may not be aware of 💻👨‍💻

Understanding JavaScript Deobfuscation in Web Scraping

How to SSH into a Server Using IP Address, Username, and Password