2015-06-19 15:18:14 -05:00
<!DOCTYPE html>
< html lang = "en-us" >
< head >
2015-06-22 15:24:08 -05:00
< 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" >
2015-06-22 16:14:03 -05:00
< style >
.editor-preview h1,
.editor-preview h2,
.editor-preview h3,
.editor-preview h4,
2015-06-22 16:15:05 -05:00
.editor-preview h5{
2015-06-22 16:14:03 -05:00
margin-bottom:10px;
}
2015-06-22 16:15:05 -05:00
.editor-preview h1{
2015-06-22 16:14:03 -05:00
border-bottom:1px solid #ddd;
}
2015-06-22 16:17:05 -05:00
.editor-preview h1{
border-bottom:1px solid #eee;
}
2015-06-22 16:14:03 -05:00
< / style >
2015-06-19 15:18:14 -05:00
< / head >
< body >
2015-06-22 15:24:08 -05:00
< 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 >
2015-06-19 15:18:14 -05:00
2015-06-22 15:24:08 -05:00
< section class = "main-content" >
< h1 > < a id = "demo" class = "anchor" href = "#demo" aria-hidden = "true" > < span class = "octicon octicon-link" > < / span > < / a > Demo< / h1 >
2015-06-19 15:18:14 -05:00
2015-06-22 16:14:03 -05:00
< textarea > # Intro
2015-06-22 15:41:34 -05:00
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
2015-06-22 16:14:03 -05:00
Unordered lists can be started using the toolbar or by typing `* `, `- `, or `+ `. Ordered lists can be started by typing `1. `.
2015-06-22 16:17:55 -05:00
#### Unordered
2015-06-22 15:41:34 -05:00
* Lists are a piece of cake too
* They even auto continue as you type
2015-06-22 16:14:03 -05:00
* A double enter will end them
2015-06-22 16:17:55 -05:00
#### Ordered
2015-06-22 15:41:34 -05:00
1. Numbered lists...
2. ...work too!
## What about images?
2015-06-22 16:14:03 -05:00
< / textarea >
2015-06-19 15:18:14 -05:00
2015-06-22 15:24:08 -05:00
< 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 >
2015-06-19 15:18:14 -05:00
2015-06-22 15:24:08 -05:00
< / section >
2015-06-19 15:18:14 -05:00
2015-06-22 16:54:41 -05:00
< link rel = "stylesheet" href = "http://cdn.jsdelivr.net/simplemde/1.1.3/simplemde.min.css" >
< script src = "http://cdn.jsdelivr.net/simplemde/1.1.3/simplemde.min.js" > < / script >
2015-06-22 15:24:08 -05:00
< script >
var simplemde = new SimpleMDE();
simplemde.render();
< / script >
2015-06-19 15:18:14 -05:00
< / body >
< / html >
