Clever Geek Handbook

Where can I find the RegEx rendering tool for JavaScript?

Right now I'm debugging and commenting out another user's JavaScript code, but there's some fiendish RegEx in there. While my knowledge of RegEx is good enough it would help to have a robust visualizer to show each RegEx line as a railroad diagram or something similar.

  • I found an Eclipse plugin for use with Java in this question , so I was wondering if there is something similar for JavaScript out there.

  • It doesn't have to be a plugin, although something for Notepad ++ would be perfect. I checked through Notepad ++ Plug-in manager, but two RegEx tools I saw were not very good.

  • A web page that took an expression and created a diagram would work just as well, and it would save me the trouble of using a JSFiddle.

Does anyone know if such a tool exists? Or, if there is some trick I'm missing, what can make the RegEx parsing process easier?

+3


source to share


4 answers


Regexpr generates some pretty nice regex visualizations. Simple example:

Sample screenshot from regexpr.com



And a more complex regex example that tries to match HTML tags:

A more complicated screenshot(via tutsplus.com )

+9


source


See regex101.com which includes a tester and an explainer.



enter image description here

+2


source


I use this for all regex tests: regexpal.com

Not technically what you're looking for (see @John Kugelman perhaps), but it works great to test regEx and show what works / doesn't work. Easy to use.

Screenshot

enter image description here

+1


source


You can try Textpression at www.textpression.com. It is free to download and use during development. It doesn't support JavaScript right now, but will do in a commercial release.

It has a very intuitive way to render regex.

Disclosure: I am the author

0


source






More articles:


All Articles