<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>New | Rentry.co</title>
</head>
<body class="m-0 p-0">
<div class="container container-smooth">
<div class="row no-gutters">
<input type='hidden' name='csrfmiddlewaretoken' value='f29mcYqrTLcCAbZXSnPMgf7kshv5eROtcaNa4rjnW3pI5LtrPVg8T1CelXRIkQIp' />
<div role="tabpanel" class="my-2 flex-tab" style="display: flex; flex: 1 0; flex-direction: column; min-height: 10em">
<div class="text-danger messages"></div>
<ul class="nav nav-tabs squared" id="textTab" role="tablist">
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 | <li class="nav-item" style="background-color: #F3F4F6">
<a class="nav-link active squared text-muted px-3" id="text-tab" data-toggle="tab" href="#text" role="tab" aria-controls="text" aria-expanded="true">Text</a>
</li>
<li class="nav-item" style="background-color: #F3F4F6">
<a class="nav-link squared text-muted px-3" id="preview-tab" data-toggle="tab" href="#preview" role="tab" aria-controls="preview">Preview</a>
</li>
<li class="nav-item" style="background-color: #F3F4F6">
<a class="nav-link squared text-muted px-3" id="how-tab" data-toggle="tab" href="#how" role="tab" aria-controls="preview">How</a>
</li>
</ul>
<div class="markdownx" style="display: flex; flex: 1 0; min-height: 0;">
<div class="tab-content long-words" id="textTabContent" style="display: flex; flex: 1 0; min-height: 0;">
<div role="tabpanel" class="tab-pane fade show active" id="text" aria-labelledby="text-tab" style="flex: 1 0;">
<textarea style="background-color: white; min-height: 100%; max-height: 100%; resize: none; max-width: 100%; min-width: 100%"
class="squared markdownx-editor py-3 px-2 px-sm-3" name="text" maxlength="200000" id="id_text"
data-markdownx-upload-urls-path="/markdownx/upload/" data-markdownx-latency="1500"
data-markdownx-urls-path="/markdownx/markdownify/"></textarea>
</div>
<div class="tab-pane fade" id="preview" role="tabpanel" aria-labelledby="preview-tab" style="flex: 1 0; flex-direction: column; overflow-y: auto;">
<div class="long-words markdownx-preview py-3 px-2 px-sm-3" style="background-color: white; flex: 1 0; overflow-y: auto;">
<article>
</article>
</div>
</div>
<div class="tab-pane fade" id="how" role="tabpanel" aria-labelledby="how-tab" style="flex: 1 0; flex-direction: column; overflow-y: auto;">
<div class="long-words entry-text" style="background-color: white; color: black; flex: 1 0; overflow-y: auto;">
<table class="ntable mtable cheatsheet" style="table-layout: fixed">
<thead style="border-bottom: 5px solid rgba(120, 125, 125, 0.10);">
<tr>
<th style="background-color: unset">What you type</th>
<th style="background-color: unset">What will be published</th>
</tr>
</thead>
<tbody>
<tr>
<td>
# Header 1<br>
## Header 2<br><br>
<span class="text-muted">And so on up to 6.</span>
</td>
<td>
<p id="header-1" class="toclink" style="font-weight: 700; padding: 0; margin: 0; font-size: 1.9rem; text-align: center">Header 1</p>
<p id="header-2" class="toclink" style="font-weight: 700; padding: inherit; margin: 0; font-size: 1.6rem">Header 2</p>
<p id="another-2" class="toclink" style="display: none">Another 2</p>
<p id="another-1" class="toclink" style="display: none">Another 1</p>
</td>
</tr>
<tr>
<td>
<span class="text-muted">Return once starts a new line. Return twice starts a new paragraph.</span>
<br>
</td>
<td></td>
</tr>
<tr>
<td>
*Italics*<br>
**Bold**<br>
~~Strikeout~~
</td>
<td>
<i>Italics</i><br>
<b>Bold</b><br>
<del>Strikeout</del>
</td>
</tr>
<tr>
<td>
-> Centered text <-<br>
-> Right-aligned -><br><br>
<span class="text-muted">Also works for images and ### -> Headers <-</span>
<br>
</td>
<td>
<span style="display:block;text-align:center;">Centered text</span>
<span style="display:block;text-align:right;">Right-aligned</span>
</td>
</tr>
<tr>
<td>
[TOC]<br><br>
<span class="text-muted">Generate Table of Contents from # Headers.<br>
[TOC2] - From h2 to h6.<br>
[TOC3] - From h3 to h6, and so on up to 6.
</span>
</td>
<td>
<div class="toc">
<ol>
<li><a href="#header-1">Header 1</a>
<ol>
<li><a href="#header-2">Header 2</a></li>
<li><a href="#another-2">Another 2</a></li>
</ol>
</li>
<li><a href="#another-1">Another 1</a></li>
</ol>
</div>
</td>
</tr>
<tr>
<td>
- Bulleted list item a<br>
- Bulleted list item b<br><br>
<span class="text-muted">An asterisk (*) can be used instead of a dash for list items.</span>
</td>
<td>
<ul style="margin-bottom: 0">
<li>Bulleted list item a</li>
<li>Bulleted list item b</li>
</ul>
</td>
</tr>
<tr>
<td>
1. Numbered list item 1<br>
2. Numbered list item 2
</td>
<td>
<ol style="margin-bottom: 0">
<li>Numbered list item 1</li>
<li>Numbered list item 2</li>
</ol>
</td>
</tr>
<tr>
<td>
- [ ] Checkbox 1<br>
- [x] Checkbox 2<br>
</td>
<td>
<ul class="checklist" style="margin-bottom: 0">
<li><input type="checkbox" disabled=""> Checkbox 1</li>
<li><input type="checkbox" disabled="" checked=""> Checkbox 2</li>
</ul>
</td>
</tr>
<tr>
<td>
>> How to use quotes in Markdown?<br>
> Just prepend text with >
</td>
<td>
<blockquote style="margin-bottom: 0">
<blockquote>
<p>How to use quotes in Markdown?</p>
</blockquote>
<p>Just prepend text with ></p>
</blockquote>
</td>
</tr>
<tr>
<td>
``` python<br>
s = "Tripple backticks ( ``` ) generate code block"<br>
print(s)<br>
```<br><br>
<span class="text-muted">For the list of supported languages see <a href="/code" target="_blank">the code page</a>.</span>
</td>
<td>
|
<table class="highlighttable"><tbody><tr><td class="linenos" style="padding-right: 0; padding-left: 0; border: 0"><div class="linenodiv"><pre><a href="#lineno-0-1">1</a>
<a href="#lineno-0-2">2</a></pre></div></td><td class="code" style="border-left: 0; padding-left: 0; padding-right: 0; border-top: 0"><div class="highlight"><pre><span></span><a name="lineno-0-1"></a><span class="n">s</span> <span class="o">=</span> <span class="s2">"Tripple backticks ( `` ) generate code block"</span>
<a name="lineno-0-2"></a><span class="k">print</span><span class="p">(</span><span class="n">s</span><span class="p">)</span>
</pre></div>
</td></tr></tbody></table>
</td>
</tr>
<tr>
<td>
Single backtick generates
inline code`
</td>
<td>
Single backtick generates <code>inline code</code>
</td>
</tr>
<tr>
<td>
*<br><br>
<span class="text-muted">Horizontal rule, <hr></span>
</td>
<td>
<hr>
</td>
</tr>
<tr>
<td>
*not italics*<br><br>
<span class="text-muted">To produce a literal asterisk or any symbol used in Markdown, use backslash to escape it.</span>
</td>
<td>
not italics
</td>
</tr>
<tr>
<td>
First Header | Second Header<br>
-- | --<br>
Content Cell | Content Cell<br>
Content Cell | Content Cell
</td>
<td>
<table class="ntable" style="margin-bottom: 1rem !important;">
<thead>
<tr>
<th>First Header</th>
<th>Second Header</th>
</tr>
</thead>
<tbody>
<tr>
<td style="border-top: 0">Content Cell</td>
<td style="border-top: 0">Content Cell</td>
</tr>
<tr>
<td style="border-top: 0; background-color: #f7f7f7;">Content Cell</td>
<td style="border-top: 0; background-color: #f7f7f7;">Content Cell</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td>
Autolinks:<br>
https://rentry.co/ or rentry.co
</td>
<td>
Autolinks:<br>
<a href="https://rentry.co/" target="_blank">https://rentry.co/</a> or <a href="http://rentry.co/" target="_blank">rentry.co</a><br>
</td>
</tr>
<tr>
<td>
Link description:<br>
Markdown pastebin<br><br>
<span class="text-muted">Be sure to include the "http(s)://" part of the link.</span>
</td>
<td>
Link description:<br>
<a href="https://rentry.co" target="_blank">Markdown pastebin</a><br>
</td>
</tr>
<tr>
<td>
<br><br>
<span class="text-muted">Be sure to include direct link to the image.</span>
</td>
<td>
<img alt="Image description" src="https://i.imgur.com/PYV4crq.png">
</td>
</tr>
</tbody>
</table>
</div>
</div>
</form>
</div>
</div>
<script src="/static/js/jquery.min.js"></script>
<script src="/static/js/bootstrap.min.js"></script>
<script src="/static/js/custom.min.js"></script>
</body>
</html>