markdown-live-preview/public/index.html

113 lines
2.6 KiB
HTML
Raw Permalink Normal View History

2011-05-16 20:26:21 +04:00
<!DOCTYPE html>
2022-12-26 22:39:43 +03:00
<html lang="en">
2011-05-16 20:26:21 +04:00
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
2020-07-19 07:34:00 +03:00
<meta name="description" content="This is the online markdown editor with live preview.">
2011-05-20 05:07:55 +04:00
2011-05-16 20:26:21 +04:00
<link rel="stylesheet" type="text/css" href="css/style.css">
2020-07-17 19:45:01 +03:00
<link rel="stylesheet" type="text/css" href="css/github-markdown.css">
2020-06-29 19:36:26 +03:00
<link rel="icon" type="image/png" href="favicon.png">
2022-12-26 22:39:43 +03:00
<script src="js/jquery-1.6.1.min.js"></script>
<script src="js/jquery.autosize-min.js"></script>
<script src="js/marked.min.js"></script>
<script src="js/purify.min.js"></script>
<script src="js/ace/ace.js"></script>
<script src="js/main.js"></script>
2011-05-20 05:07:55 +04:00
<title>Markdown Live Preview</title>
2011-05-16 20:26:21 +04:00
</head>
<body>
<div id="header">
2020-07-04 07:10:52 +03:00
<h1><a href="/">Markdown Live Preview</a></h1>
</div>
2011-05-16 20:26:21 +04:00
<div id="container">
2020-10-26 18:35:34 +03:00
<div id="edit" class="column">
<div id="editor-wrapper">
<div id="editor"># Markdown syntax guide
2020-07-17 19:31:22 +03:00
## Headers
# This is a Heading h1
## This is a Heading h2
###### This is a Heading h6
## Emphasis
*This text will be italic*
_This will also be italic_
**This text will be bold**
__This will also be bold__
_You **can** combine them_
## Lists
### Unordered
* Item 1
* Item 2
2020-10-26 18:35:34 +03:00
* Item 2a
* Item 2b
2020-07-17 19:31:22 +03:00
### Ordered
1. Item 1
1. Item 2
1. Item 3
2020-10-26 18:35:34 +03:00
1. Item 3a
1. Item 3b
2020-07-17 19:31:22 +03:00
## Images
![This is a alt text.](/image/sample.png "This is a sample image.")
## Links
You may be using [Markdown Live Preview](https://markdownlivepreview.com/).
## Blockquotes
> Markdown is a lightweight markup language with plain-text-formatting syntax, created in 2004 by John Gruber with Aaron Swartz.
>
>> Markdown is often used to format readme files, for writing messages in online discussion forums, and to create rich text using a plain text editor.
2020-10-22 17:07:35 +03:00
## Tables
| Left columns | Right columns |
| ------------- |:-------------:|
| left foo | right foo |
| left bar | right bar |
| left baz | right baz |
## Blocks of code
```
let message = 'Hello world';
alert(message);
```
2020-07-17 19:31:22 +03:00
## Inline code
2020-10-23 18:24:28 +03:00
This web site is using `markedjs/marked`.</div>
2011-05-17 17:17:47 +04:00
</div>
2020-10-26 18:35:34 +03:00
</div><!-- Do not insert new line here --><div id="preview" class="column">
<div id="preview-wrapper">
<div id="output" class="content markdown-body">
</div>
</div>
</div>
</div>
2011-05-18 19:10:58 +04:00
<div id="footer">
2022-12-26 22:39:43 +03:00
<div id="copyright"><a href="https://git.a2s.su/iiiypuk/markdown-live-preview">
<img src="image/GitHub-Mark-Light-32px.png" alt="GitHub Logo"></a>
</div>
</div>
2011-05-16 20:26:21 +04:00
</body>
2020-10-22 17:07:35 +03:00
</html>