<!DOCTYPE html> <html>
<head> <title><% page_title %> - showmd preview</title> <style type="text/css"> #preview{ width: 80%; margin: auto; background: white; padding: 10px 30px; box-shadow: 5px 5px 1px grey; } body{ background: #d3d3d3; } footer{ width: 80%; margin:auto; text-align: right; padding-top: 15px; } img{ max-width: 100%; } </style> <script type="text/javascript" src="../pagedown/Markdown.Converter.js"></script> <script type="text/javascript" src="../pagedown/Markdown.Sanitizer.js"></script> <script type="text/javascript" src="../pagedown/Markdown.Extra.js"></script> </head> <body> <div id="markdown"><% markdown %></div> <div id="preview"></div> <footer>Preview generated using <a href="http://github.com/cih/showmd">showmd</footer> <script type="text/javascript"> (function () { var converter = Markdown.getSanitizingConverter(); var markdown = document.getElementById("markdown"); var preview = document.getElementById("preview") Markdown.Extra.init(converter); preview.innerHTML = converter.makeHtml(markdown.innerHTML); markdown.innerHTML = ""; })(); </script> </body>
</html>