Generic Syntax Highlighter You are reading Tutorial from Thichnet Blog <title>Generic Syntax Highlighter</title> <style> pre {background:#fff;color:#000;border:1px solid;padding:.5em} </style> <pre><code><!-- comment --> <div class="foo" id="bar" title="foo \"bar \\\" ba\'z qux"> <p>lorem ipsum &amp; dolor sit</p> </div></code></pre> <pre><code><!DOCTYPE html> <html dir="ltr"> <head> <!-- comment --> <title>Test</title> <style> #foo {color:red} .bar {color:#fff} </style> <?php # do header ... echo do_header($_GET['foo']); ?> </head> <body> <script> // inline comment function foo(bar) { var v = /\s 123 true function\//g; var w = <mark>"foo" + 4</mark>; var x = true; var y = 4 + 5 + 1.5 + .4; var z = `<div> <div></div> </div>`; /** * block comment */ return "string" + 'string' + "string \" str\'ing" + 'string \' str\"ing' + "" + ''; } </script> </body> </html></code></pre> <h2>Known Bugs</h2> <p>PHP tags in HTML attributes:</p> <pre><code><article id="post-<?php echo $post->id; ?>"></code></pre> <p><em>Currently not targeted for highlighting CSS syntax.</em></p> <script src="https://tovic.github.io/generic-syntax-highlighter/generic-syntax-highlighter.js"></script> <script>GSH(document.getElementsByTagName('code'));</script> Previous Next Home
Generic Syntax Highlighter You are reading Tutorial from Thichnet Blog <title>Generic Syntax Highlighter</title> <style> pre {background:#fff;color:#000;border:1px solid;padding:.5em} </style> <pre><code><!-- comment --> <div class="foo" id="bar" title="foo \"bar \\\" ba\'z qux"> <p>lorem ipsum &amp; dolor sit</p> </div></code></pre> <pre><code><!DOCTYPE html> <html dir="ltr"> <head> <!-- comment --> <title>Test</title> <style> #foo {color:red} .bar {color:#fff} </style> <?php # do header ... echo do_header($_GET['foo']); ?> </head> <body> <script> // inline comment function foo(bar) { var v = /\s 123 true function\//g; var w = <mark>"foo" + 4</mark>; var x = true; var y = 4 + 5 + 1.5 + .4; var z = `<div> <div></div> </div>`; /** * block comment */ return "string" + 'string' + "string \" str\'ing" + 'string \' str\"ing' + "" + ''; } </script> </body> </html></code></pre> <h2>Known Bugs</h2> <p>PHP tags in HTML attributes:</p> <pre><code><article id="post-<?php echo $post->id; ?>"></code></pre> <p><em>Currently not targeted for highlighting CSS syntax.</em></p> <script src="https://tovic.github.io/generic-syntax-highlighter/generic-syntax-highlighter.js"></script> <script>GSH(document.getElementsByTagName('code'));</script>