Result preview

[suntong]

please add a "Result preview" output -- currently the CSS selectors' result is output in a text box, which is less intuitive if we want to quickly judge if our selection is correct or not.

If adding another, e.g., <span>, and displace the CSS selectors' result there, right as the HTML, that would be perfect.

Thanks for consideration.

[suntong]

Hi Michael, have you looked into this yet? It should be a very easy fix. thx @evenchange4.

[suntong]

Note to myself,

to remove all scripts except JSON-LD,

      const scripts = doc.querySelectorAll('script:not([type="application/ld+json"])');
      scripts.forEach(s => s.parentNode.removeChild(s));

to remove all import tags

      const imports = doc.querySelectorAll('link[rel=import]');
      imports.forEach(i => i.parentNode.removeChild(i));

[evenchange4]

Thanks for the feedback. I do not have much time work on this feature. A PR will be great. :)

[suntong]

Oh, thanks for your reply. Actually I was planning to follow up with the question if PR is welcome when I initially asked the question, but having read your code for almost the whole day, I realized that your code, or the react-scripts maybe, or whatever framework your code is based on, is beyond me. I'm not a Javascript/Nodejs/Reactjs developer, but I thought it'd not be too difficult. Now I know it isn't the case. I know the change would be minimum, but having read your code for the whole day (including react-scripts & JSX etc), I haven't found a correct spot yet. So, all in all, I wanted to, but ..., don't hold your breath. :-)