title: Parse markdown to HTML and highlight code syntax
body: <p>I've downloaded a <a href="https://github.com/evilstreak/markdown-js" rel="nofollow noreferrer">Markdown JS library</a> but I don't know if it supports syntax highlighting, or any of his two supported dialects (gruber/maruku), because its the first time I try to add markdown support to my webpages. So, I would like to know how to integrate a syntax highlighter (like <a href="http://alexgorbatchev.com/SyntaxHighlighter/" rel="nofollow noreferrer">Alex Gorbatchev's JS library</a>) to markdown.</p>
  
  <p>Any other libraries are welcome. Basically, my Markdown snippets are in <code>.md</code> files loaded that way:</p>
  
  <pre><code>&lt;div class="markdown-f"&gt;
     &lt;?= file_get_contents("file.md"); ?&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and it contains code snippets together with common Markdown text. I need a JS library to be able of doing something like:</p>
  
  <pre><code>&lt;script&gt;
     $('.markdown-f').each(function() {
          var contents = $(this).text();
          $(this).empty();
          contents = markdown.toHTML(contents);
          $(this).text(contents);
     });
  &lt;/script&gt;
  </code></pre>
  
  <p>with a dialect or any other <em>hacktrick</em> supporting syntax highlighting (specifying manually the target language for example). </p>