zulip/templates/zerver/markdown_help.html

<div class="overlay-modal hide" id="markdown-help" tabindex="-1" role="dialog"
    aria-labelledby="markdown-help-label" aria-hidden="true">
    <div class="modal-body">
        <div id="markdown-instructions">
            <table class="table table-striped table-condensed table-rounded table-bordered help-table">
                <thead><tr>
                    <th>{% trans %}You type{% endtrans %}</th>
                    <th>{% trans %}You get{% endtrans %}</th>
                </tr></thead>

                <tbody>
                    <tr>
                        <td>*italic*</td>
                        <td><i>italic</i></td>
                    </tr>
                    <tr>
                        <td>**bold**</td>
                        <td><b>bold</b></td>
                    </tr>
                    <tr>
                        <td>~~strikethrough~~</td>
                        <td><del>strikethrough</del></td>
                    </tr>
                    <tr>
                        <td>[Zulip website](https://zulip.org)</td>
                        <td><a href="https://zulip.org" target="_blank">Zulip website</a></td>
                    </tr>
                    <tr>
                        <td>* Archimedes<br/>
                            * Bohr<br/>
                            * Curie
                        </td>
                        <td>
                            <ul>
                                <li>Archimedes</li>
                                <li>Bohr</li>
                                <li>Curie</li>
                            </ul>
                        </td>
                    </tr>
                    <tr>
                        <td>:heart: (and <a href="http://www.emoji-cheat-sheet.com/" target="_blank">many others</a>, from the <a href="https://code.google.com/p/noto/" license="/static/generated/emoji/images/emoji/NOTICE" target="_blank">Noto Project</a>)</td>
                        <td><img alt=":heart:" class="emoji" src="/static/generated/emoji/images/emoji/heart.png" title=":heart:" /></td>
                    </tr>
                    <tr>
                        <td>@**Joe Smith**<br/>
                          (autocompletes from @joe)</td>
                        <td><span class="user-mention">@Joe Smith</span> (notifies Joe Smith)</td>
                    </tr>
                    <tr>
                        <td>@**all**</td>
                        <td><span class="user-mention">@all</span> (notifies all recipients)</td>
                    </tr>
                    <tr>
                        <td>#**streamName**</td>
                        <td><a>#streamName</a> (links to a stream)</td>
                    </tr>
                    <tr>
                        <td>Some inline `code`</td>
                        <td>Some inline <code>code</code></td>
                    </tr>
                    <tr>
                    <td class="preserve_spaces">```
def zulip():
    print "Zulip"
```</td>
                    <td><pre>def zulip():
    print "Zulip"</pre></td>
                    </tr>
                    <tr>
                    <td class="preserve_spaces">```python
def zulip():
    print "Zulip"
```</td>
                    <td>
                        <div class="codehilite"><pre><span class="k">def</span> <span class="nf">zulip</span><span class="p">():</span>
    <span class="k">print</span> <span class="s">"Zulip"</span></pre></div>
                    </td>
                    </tr>
                    <tr>
                        <td colspan="2">{% trans %}To add syntax highlighting to a multi-line code block,
                          add the language's <b>first</b> <a target="_blank" href="http://pygments.org/docs/lexers/">Pygments short name</a>
                          after the first set of back-ticks.
                          You can also make a code block by indenting each line with 4 spaces.{% endtrans %}</td>
                    </tr>
                    <tr>
                        <td>&gt; Quoted</td>
                        <td><blockquote>Quoted</blockquote></td>

                    </tr>
                    <tr>
                    <td class="preserve_spaces">``` quote
Quoted block
```</td>
                    <td><blockquote><p>Quoted block</p></blockquote></td>
                    </tr>
                    <tr>
                        <td colspan="2">{% trans %}You can also make <a target="_blank"
                            href="https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet#wiki-tables">tables</a>
                            with this <a target="_blank"
                                          href="https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet#wiki-tables">Markdown-ish
                        table syntax</a>.{% endtrans %}</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>