Embed code - Githubissues

Hey @abhijeet9920 , Thanks for your willingness in helping with adding expressions.

As far as I can see the link you provided shows a proper regular expression visualization. I was also able to embed the url as you see here

I assume that you are trying to embed the expression as an image which is not the way to go. You have to use an iframe to embed the page onto your website.

Just click the </> embed code next to the visualization to copy the code. And paste it as html as it contains the required tags</p> <p><strong>Example:</strong></p> <pre><code class="language-htm"><iframe src="https://embed.ihateregex.io/make/JTVFJTVCJTVDJTVDJTJCJTVEJTNGJTVCKCU1RCUzRiU1QjAtOSU1RCU3QjMlN0QlNUIpJTVEJTNGJTVCLSU1QyU1Q3MlNUMlNUMuJTVEJTNGJTVCMC05JTVEJTdCMyU3RCU1Qi0lNUMlNUNzJTVDJTVDLiU1RCUzRiU1QjAtOSU1RCU3QjQlMkM2JTdEJTI0" height="300" style="width:100%" frameborder="0" /> </code></pre> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/abhijeet9920"><img src="https://avatars.githubusercontent.com/u/6790932?v=4" />abhijeet9920</a> commented <strong> 4 years ago</strong> </div> <div class="markdown-body"> <p>Hey @geongeorge thank you for your reply. </p> <p><strong>Example:</strong></p> <pre><code class="language-php">/* Below is my used regex */ $regex = '^([A-Z]{5})([0-9]{4})([A-Z]{1})$';</code></pre> <p>While Embedded image is referring</p> <pre><code class="language-php">$regex = '^[A-Z]{4}[0-9]{3}[A-Z]$';</code></pre> <p>This is what I understood. Do we need to add our regex to any other json apart from static.json file? From where this <strong>embed code</strong> is generating?</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/geongeorge"><img src="https://avatars.githubusercontent.com/u/29296982?v=4" />geongeorge</a> commented <strong> 4 years ago</strong> </div> <div class="markdown-body"> <p>Hey mate, I understand your problem. This is something that people often mistake.</p> <p>(I'm assuming that you're getting <a href="https://jsfiddle.net/nbfsy16t/">this embed</a> )</p> <p>I hope this will help:</p> <h3>How to read regex diagrams</h3> <p>These diagrams are similar(but not the same) to <a href="https://en.wikipedia.org/wiki/State_diagram">state diagrams</a>.</p> <p>Imagine a simple diagram for the expression</p> <pre><code>^[a-z]{0,2}$</code></pre> <p><img src="https://user-images.githubusercontent.com/29296982/76619526-1e1a0700-6551-11ea-8af0-1c5760fe2814.png" alt="image" /></p> <p>To read this:</p> <ol> <li>Imagine you're starting from the <strong>leftmost dot</strong></li> <li>You pass through the <strong>Start of line</strong> character <strong>^</strong> (once)</li> <li>You reach a junction where you can take 2 routes <ol> <li>You Pass through the <strong>[a-z]</strong> (once) <ol> <li>You can also repeat and go through <strong>[a-z]</strong> again. (at most: once)</li> </ol></li> <li>You're allowed to skip the <strong>[a-z]</strong> (0 times)</li> </ol></li> <li>You pass through the <strong>End of line</strong> character <strong>$</strong> (once)</li> <li>You reach the end</li> </ol> <p>Now although the diagram shows <strong>at most once</strong> next for the pattern <strong>[a-z]</strong> it means you pass through it once and you are allowed to repeat it once more adding up to 2 just like in the expression.</p> <h3>TL;DR</h3> <p>For the expression: <code>^[a-z]{0,2}$</code></p> <p><img src="https://user-images.githubusercontent.com/29296982/76619526-1e1a0700-6551-11ea-8af0-1c5760fe2814.png" alt="image" /></p> <p>Although the diagram shows <strong>at most once</strong> next for the pattern <strong>[a-z]</strong> it means you pass through it once and you are allowed to repeat it once more adding up to 2 just like in the expression.</p> <blockquote> <p>Sorry for the long comment. I thought I'll mention this somewhere so I can link to this in the future</p> </blockquote> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/geongeorge"><img src="https://avatars.githubusercontent.com/u/29296982?v=4" />geongeorge</a> commented <strong> 4 years ago</strong> </div> <div class="markdown-body"> <p>I'm closing this now. Feel free to open a new issue if you still have issues</p> </div> </div> <div class="page-bar-simple"> </div> <div class="footer"> <ul class="body"> <li>© <script> document.write(new Date().getFullYear()) </script> Githubissues.</li> <li>Githubissues is a development platform for aggregating issues.</li> </ul> </div> <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script> <script src="/githubissues/assets/js.js"></script> <script src="/githubissues/assets/markdown.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/highlight.min.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/languages/go.min.js"></script> <script> hljs.highlightAll(); </script> </body> </html>

geongeorge / i-hate-regex

Embed code #55