mirror of
https://github.com/showdownjs/showdown.git
synced 2024-03-22 13:30:55 +08:00
118 lines
5.7 KiB
HTML
118 lines
5.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en-us">
|
|
<head>
|
|
<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">
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/showdown/1.5.0/showdown.min.js"></script>
|
|
</head>
|
|
<body>
|
|
<section class="page-header">
|
|
<div class="project-name"><img src="images/logo.png" alt="Showdown"></div>
|
|
<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>
|
|
|
|
<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>
|
|
|
|
<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>
|
|
|
|
<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>
|
|
|
|
<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>
|
|
|
|
<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>
|
|
|
|
<ul>
|
|
<li>rawgit: <code>https://cdn.rawgit.com/showdownjs/showdown/<version tag>/dist/showdown.min.js</code>
|
|
</li>
|
|
<li>cdnjs: <code>https://cdnjs.cloudflare.com/ajax/libs/showdown/<version tag>/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> Install-Package showdownjs</code> - <a href="https://www.nuget.org/packages/showdownjs/">NuGet package here</a>
|
|
</li>
|
|
</ul>
|
|
|
|
<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>
|
|
|
|
<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>
|
|
|
|
<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>
|
|
|
|
<hr>
|
|
|
|
<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>
|
|
|
|
<div id="changelog-div"></div>
|
|
|
|
|
|
<footer class="site-footer">
|
|
<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>
|
|
<span class="site-powered-by">Powered by: <a href="https://www.jetbrains.com/webstorm/"><img src="images/logo_WebStorm.png" alt="webstorm"></a></span>
|
|
<span class="site-footer-credits">Full credit list <a href="https://github.com/showdownjs/showdown/blob/master/CREDITS.md">here</a>.</span>
|
|
</footer>
|
|
|
|
</section>
|
|
|
|
<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>
|
|
</body>
|
|
</html>
|