<div dir="ltr"><div>Noice.</div><div><br></div><div>I'd been wanting to collect all of the ones from the docs into a more coherent representation of the syntax.<br></div></div><div class="gmail_extra"><br><div class="gmail_quote">On Tue, Sep 11, 2018 at 1:49 PM, Anthony Walter <span dir="ltr"><<a href="mailto:sysrpl@gmail.com" target="_blank">sysrpl@gmail.com</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div dir="ltr"><div dir="ltr"><div dir="ltr"><div dir="ltr"><div dir="ltr"><div>I posted this link once before, but I thought I'd remind you guys it exists and ask if anyone would like to take the work from the page, and integrate it into either the official documentation or maintain it somewhere on the free  pascal website.</div><div><br></div><div dir="ltr"><a href="https://www.getlazarus.org/learn/language/lexical/" target="_blank">https://www.getlazarus.org/<wbr>learn/language/lexical/</a></div><div dir="ltr"><br></div><div>The diagrams are pretty easy to create and edit. For example proecudre header is defined through a script tag on the page as follows:</div><div><br></div><div><div>  <script></div><div>    Schematic(</div><div>      Link('Identifier', '#identifier'),</div><div>      Optional(Link('Generic Block', '#generic_block')),</div><div>      Optional(Link('Parameters', '#parameters')),</div><div>      Keyword(':'),</div><div>      Link('Identifier Dot', '#identifier_dot'),</div><div>      Keyword(';'),</div><div>      Optional(Link('Function Directives', '#function_directives'))</div><div>    ).render();</div><div>  </script></div></div><div><br></div><div><br></div><div>And renders like so:</div><div><br></div><div><a href="https://www.getlazarus.org/learn/language/lexical/#function_header" target="_blank">https://www.getlazarus.org/<wbr>learn/language/lexical/#<wbr>function_header</a><br></div><div><br></div><div>To use just copy this css and script file on the any page you want to display diagrams:</div><div><br></div><div><link rel="stylesheet" type="test/stylesheet" href="//<a href="http://cache.getlazarus.org/styles/schematic.css" target="_blank">cache.getlazarus.org/<wbr>styles/schematic.css</a>"></div><div><script src="//<a href="http://cache.getlazarus.org/scripts/schematic.js" target="_blank">cache.getlazarus.org/<wbr>scripts/schematic.js</a>"></<wbr>script><br></div><div><br></div><div>You can look at the source of the page to see exactly what Schematic() commands are given to generate each diagram.</div><div><br></div><div><br></div></div></div></div></div></div>
<br>______________________________<wbr>_________________<br>
fpc-pascal maillist  -  <a href="mailto:fpc-pascal@lists.freepascal.org">fpc-pascal@lists.freepascal.<wbr>org</a><br>
<a href="http://lists.freepascal.org/cgi-bin/mailman/listinfo/fpc-pascal" rel="noreferrer" target="_blank">http://lists.freepascal.org/<wbr>cgi-bin/mailman/listinfo/fpc-<wbr>pascal</a><br></blockquote></div><br></div>