zulip/templates/zephyr/markdown_help.html

<div class="modal hide" id="markdown-help" tabindex="-1" role="dialog"
     aria-labelledby="markdown-help-label" aria-hidden="true">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="markdown-help-label">Message formatting</h3>
  </div>
  <div class="modal-body">
    <div id="markdown-instructions">
      <table class="table table-striped table-condensed table-rounded table-bordered" id="fmt_help_table">
        <thead><tr>
          <th>To produce</th>
          <th>You type</th>
        </tr></thead>

        <tbody>
        <tr>
          <td><b>bold</b></td>
          <td>**bold**</td>
        </tr>
        <tr>
          <td><a href="http://humbughq.com" target="_blank">Bah!</a></td>
          <td>[Bah!](http://humbughq.com)</td>
        </tr>
        <tr>
          <td>
            <ul>
              <li>a</li>
              <li>b</li>
              <li>c</li>
          </td>
          <td>* a<br/>
            * b<br/>
            * c<br/>
          </td>
        </tr>
        <tr>
          <td><blockquote>Quoted</blockquote></td>
          <td>&gt; Quoted</td>
        </tr>
        <tr>
          <td>Some inline <code>code</code></td>
          <td>Some inline `code`</td>
        </tr>
        <tr>
          <td><pre>def bah():
    print "Humbug"</pre></td>
          <td class="preserve_spaces">~~~
def bah():
    print "Humbug"
~~~</td>
        </tr>
        <tr>
          <td>
            <div class="codehilite"><pre><span class="k">def</span> <span class="nf">bah</span><span class="p">():</span>
    <span class="k">print</span> <span class="s">"Humbug"</span></pre></div>
          </td>
          <td class="preserve_spaces">~~~ .py
def bah():
    print "Humbug"
~~~</td>
        </tr>
        <tr>
          <td colspan="2">You can also make a code block by indenting each line with 4 spaces.</td>
        </tr>
        <tr>
          <td><img alt=":heart:" class="emoji" src="static/third/gemoji/images/emoji/heart.png" title=":heart:"></td>
          <td>:heart: (and <a href="http://www.emoji-cheat-sheet.com/" target="_blank">many others</a>)</td>
        </tr>
        <tr>
          <td>@<strong>Joe Smith</strong><br/>
            (notifies Joe Smith)</td>
          <td>@**Joe Smith**<br/>
            (autocompletes from @joe)</td>
        </tr>
        </tbody>
      </table>
    </div>
  </div>
  <div class="modal-footer">
    <button class="btn btn-primary" data-dismiss="modal" aria-hidden="true">Close</button>
  </div>
</div>