You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
91 lines
3.1 KiB
HTML
91 lines
3.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en-us">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>SimpleMDE Markdown Editor by NextStepWebs</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='http://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">
|
|
|
|
<style>
|
|
.editor-preview h1,
|
|
.editor-preview h2,
|
|
.editor-preview h3,
|
|
.editor-preview h4,
|
|
.editor-preview h5{
|
|
margin-bottom:10px;
|
|
}
|
|
|
|
.editor-preview h1{
|
|
border-bottom:1px solid #ddd;
|
|
}
|
|
|
|
.editor-preview h1{
|
|
border-bottom:1px solid #eee;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<section class="page-header">
|
|
<h1 class="project-name">SimpleMDE Markdown Editor</h1>
|
|
<h2 class="project-tagline">SimpleMDE is a simple, embeddable, and beautiful markdown editor</h2>
|
|
<a href="https://github.com/NextStepWebs/simplemde-markdown-editor" class="btn">View on GitHub</a>
|
|
<a href="https://github.com/NextStepWebs/simplemde-markdown-editor/zipball/master" class="btn">Download .zip</a>
|
|
<a href="https://github.com/NextStepWebs/simplemde-markdown-editor/tarball/master" class="btn">Download .tar.gz</a>
|
|
</section>
|
|
|
|
<section class="main-content">
|
|
<h1><a id="demo" class="anchor" href="#demo" aria-hidden="true"><span class="octicon octicon-link"></span></a>Demo</h1>
|
|
|
|
<textarea># Intro
|
|
Go ahead, play around with the editor! Be sure to check out **bold** and *italic* styling, or even [links](http://google.com). You can type the Markdown syntax, use the toolbar, or use shortcuts like `cmd-b` or `ctrl-b`.
|
|
|
|
## Lists
|
|
Unordered lists can be started using the toolbar or by typing `* `, `- `, or `+ `. Ordered lists can be started by typing `1. `.
|
|
|
|
#### Unordered
|
|
* Lists are a piece of cake too
|
|
* They even auto continue as you type
|
|
* A double enter will end them
|
|
|
|
#### Ordered
|
|
1. Numbered lists...
|
|
2. ...work too!
|
|
|
|
## What about images?
|
|
![Yes](http://i.imgur.com/sZlktY7.png)</textarea>
|
|
|
|
<footer class="site-footer">
|
|
<span class="site-footer-credits"><a href="https://github.com/NextStepWebs/simplemde-markdown-editor">SimpleMDE Markdown Editor</a> is maintained by <a href="https://github.com/NextStepWebs">NextStepWebs</a>.</span>
|
|
</footer>
|
|
|
|
</section>
|
|
|
|
<link rel="stylesheet" href="http://cdn.jsdelivr.net/simplemde/latest/simplemde.min.css">
|
|
<script src="http://cdn.jsdelivr.net/simplemde/latest/simplemde.min.js"></script>
|
|
|
|
<script>
|
|
new SimpleMDE({
|
|
autosave: {
|
|
enabled: true,
|
|
unique_id: "demo_editor",
|
|
},
|
|
});
|
|
</script>
|
|
|
|
<script>
|
|
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
|
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
|
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
|
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
|
|
|
|
ga('create', 'UA-5808021-18', 'auto');
|
|
ga('send', 'pageview');
|
|
|
|
</script>
|
|
</body>
|
|
</html>
|
|
|