showdown/index.html

118 lines
5.7 KiB
HTML
Raw Normal View History

2015-04-30 09:02:53 +08:00
<!DOCTYPE html>
2016-11-29 10:01:15 +08:00
<html lang="en-us">
2015-04-30 09:02:53 +08:00
<head>
2016-11-29 10:01:15 +08:00
<meta charset="UTF-8">
<title>Showdown by showdownjs</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="stylesheets/normalize.css" media="screen">
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="stylesheets/stylesheet.css" media="screen">
<link rel="stylesheet" type="text/css" href="stylesheets/github-light.css" media="screen">
2016-11-29 11:56:17 +08:00
<script src="https://cdnjs.cloudflare.com/ajax/libs/showdown/1.5.0/showdown.min.js"></script>
2016-11-29 10:01:15 +08:00
</head>
<body>
<section class="page-header">
2016-11-29 11:56:17 +08:00
<div class="project-name"><img src="images/logo.png" alt="Showdown"></div>
2016-11-29 10:01:15 +08:00
<h2 class="project-tagline">An extensible Markdown to HTML converter written in Javascript</h2>
<a href="https://github.com/showdownjs/showdown" class="btn">View on GitHub</a>
<a href="https://github.com/showdownjs/showdown/zipball/master" class="btn">Download .zip</a>
<a href="https://github.com/showdownjs/showdown/tarball/master" class="btn">Download .tar.gz</a>
</section>
2015-05-29 23:38:28 +08:00
2016-11-29 10:01:15 +08:00
<section class="main-content">
<p>Showdown is a Javascript Markdown to HTML converter, based on the original works by John Gruber. Showdown can be used client side (in the browser) or server side (with NodeJs). Check a live <a href="http://showdownjs.github.io/demo/">demo here</a></p>
2015-05-29 23:38:28 +08:00
2016-11-29 10:01:15 +08:00
<h1>
<a id="who-uses-showdown" class="anchor" href="#who-uses-showdown" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Who uses Showdown</h1>
2015-04-30 09:02:53 +08:00
2016-11-29 10:01:15 +08:00
<ul>
<li><a href="https://github.com/GoogleCloudPlatform">GoogleCloudPlatform</a></li>
<li><a href="https://ghost.org/">Ghost</a></li>
<li><a href="https://www.meteor.com/">Meteor</a></li>
<li>
<a href="http://stackexchange.com/">Stackexchange</a> - forked as <a href="https://code.google.com/p/pagedown/">PageDown</a>
</li>
<li><a href="https://github.com/Vertafore/docular">docular</a></li>
<li><a href="https://www.npmjs.com/browse/depended/showdown">and some others...</a></li>
</ul>
2015-05-29 23:38:28 +08:00
2016-11-29 10:01:15 +08:00
<h1>
<a id="get-it" class="anchor" href="#get-it" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Get it...</h1>
2015-05-29 23:38:28 +08:00
2016-11-29 10:01:15 +08:00
<ul>
<li>
<strong>Download tarball:</strong> download the latest release tarball directly from <a href="https://github.com/showdownjs/showdown/releases">releases</a>
</li>
<li>
<strong>CDN:</strong>
2015-05-29 23:38:28 +08:00
2016-11-29 10:01:15 +08:00
<ul>
<li>rawgit: <code>https://cdn.rawgit.com/showdownjs/showdown/&lt;version tag&gt;/dist/showdown.min.js</code>
</li>
<li>cdnjs: <code>https://cdnjs.cloudflare.com/ajax/libs/showdown/&lt;version tag&gt;/showdown.min.js</code>
</li>
</ul>
</li>
<li>
<strong>Bower:</strong> <code>bower install showdown</code>
</li>
<li>
<strong>npm:</strong> <code>npm install showdown</code>
</li>
<li>
<strong>NuGet:</strong> <code>PM&gt; Install-Package showdownjs</code> - <a href="https://www.nuget.org/packages/showdownjs/">NuGet package here</a>
</li>
</ul>
2015-04-30 09:02:53 +08:00
2016-11-29 10:01:15 +08:00
<h1>
<a id="use-it" class="anchor" href="#use-it" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Use it...</h1>
2015-04-30 09:02:53 +08:00
2016-11-29 10:01:15 +08:00
<div class="highlight highlight-source-js"><pre><span class="pl-c">//node</span>
<span class="pl-k">var</span> showdown <span class="pl-k">=</span> <span class="pl-c1">require</span>(<span class="pl-s"><span class="pl-pds">'</span>showdown<span class="pl-pds">'</span></span>);
<span class="pl-k">var</span> converter <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">showdown.Converter</span>();
<span class="pl-k">var</span> htmlOutput <span class="pl-k">=</span> <span class="pl-smi">converter</span>.<span class="pl-en">makeHtml</span>(<span class="pl-s"><span class="pl-pds">'</span>*Hello* __World__<span class="pl-pds">'</span></span>);</pre></div>
2015-04-30 09:02:53 +08:00
2016-11-29 10:01:15 +08:00
<p>Check our <a href="https://github.com/showdownjs/showdown/wiki">wiki pages</a> for a more in-depth documentation, such as <a href="https://github.com/showdownjs/showdown/wiki/Showdown's-Markdown-syntax">syntax support</a>, <a href="https://github.com/showdownjs/showdown/wiki/Tutorial:-Markdown-editor-using-Showdown">examples</a>, <a href="https://github.com/showdownjs/showdown/wiki/extensions">extensions</a>, etc...</p>
2015-04-30 09:02:53 +08:00
2016-11-29 10:01:15 +08:00
<hr>
2015-04-30 09:02:53 +08:00
2016-11-29 10:01:15 +08:00
<h1>
<a id="changelog" class="anchor" href="#changelog" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a><a href="https://github.com/showdownjs/showdown/blob/master/CHANGELOG.md">Changelog</a>
</h1>
2015-04-30 09:02:53 +08:00
2016-11-29 11:56:17 +08:00
<div id="changelog-div"></div>
2015-04-30 09:02:53 +08:00
2016-11-29 10:01:15 +08:00
<footer class="site-footer">
2016-11-29 11:56:17 +08:00
<span class="site-footer-owner"><a href="https://github.com/showdownjs/showdown">Showdown</a> is maintained by <a href="https://github.com/tivie">tivie</a>.</span>
2016-11-29 12:07:09 +08:00
<span class="site-powered-by">Powered by: <a href="https://www.jetbrains.com/webstorm/"><img src="images/logo_WebStorm.png" alt="webstorm"></a></span>
2016-11-29 11:56:17 +08:00
<span class="site-footer-credits">Full credit list <a href="https://github.com/showdownjs/showdown/blob/master/CREDITS.md">here</a>.</span>
2015-04-30 09:02:53 +08:00
</footer>
2016-11-29 10:01:15 +08:00
</section>
2015-04-30 09:02:53 +08:00
2016-11-29 11:56:17 +08:00
<script>
function callAjax(url, callback){
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200){
callback(xmlhttp.responseText);
}
};
xmlhttp.open("GET", url, true);
xmlhttp.send();
}
var conv = new showdown.Converter();
conv.setFlavor('github');
callAjax('http://raw.githubusercontent.com/showdownjs/showdown/master/CHANGELOG.md', function (data) {
if (typeof data === 'string' || data instanceof String) {
document.getElementById('changelog-div').innerHTML = conv.makeHtml(data);
}
});
</script>
2015-04-30 09:02:53 +08:00
</body>
</html>