Ghost/ghost/admin/app/components/modal-markdown-help.hbs
Marco Zehe 59fcc567f1 🐛 Fixed various Close buttons throughout the UI. (#1585)
refs TryGhost/Ghost#11863

Some `a`tags with `href` attributes that are empty are used as buttons, but since the href is not linkifying anything, they appear as text nodes to assistive technologies. Give them a `"button"` role so it is guaranteed that assistive technologies will pick them up as actionable controls.
2020-05-28 17:11:21 +01:00

87 lines
2.6 KiB
Handlebars

<header class="modal-header">
<h1>Markdown Help</h1>
</header>
<a class="close" href="" role="button" title="Close" {{action "closeModal"}}>{{svg-jar "close"}}<span class="hidden">Close</span></a>
<div class="modal-body">
<section class="markdown-help-container">
<table class="modal-markdown-help-table">
<thead>
<tr>
<th>Markdown</th>
<th>Result</th>
<th>Shortcut</th>
</tr>
</thead>
<tbody>
<tr>
<td>**text**</td>
<td><strong>Bold</strong></td>
<td>Ctrl/⌘ + B</td>
</tr>
<tr>
<td>*text*</td>
<td><em>Emphasize</em></td>
<td>Ctrl/⌘ + I</td>
</tr>
<tr>
<td>~~text~~</td>
<td><del>Strike-through</del></td>
<td></td>
</tr>
<tr>
<td>[title](http://)</td>
<td><a href="#">Link</a></td>
<td>Ctrl/⌘ + K</td>
</tr>
<tr>
<td>`code`</td>
<td><code>Inline Code</code></td>
<td>Ctrl/⌘ + Alt + C</td>
</tr>
<tr>
<td>![alt](http://)</td>
<td>Image</td>
<td>Ctrl/⌘ + Shift + I</td>
</tr>
<tr>
<td>* item</td>
<td>List</td>
<td>Ctrl/⌘ + L</td>
</tr>
<tr>
<td>1. item</td>
<td>Ordered List</td>
<td>Ctrl/⌘ + Alt + L</td>
</tr>
<tr>
<td>> quote</td>
<td>Blockquote</td>
<td>Ctrl/⌘ + '</td>
</tr>
<tr>
<td>==Highlight==</td>
<td><mark>Highlight</mark></td>
<td></td>
</tr>
<tr>
<td># Heading</td>
<td>H1</td>
<td></td>
</tr>
<tr>
<td>## Heading</td>
<td>H2</td>
<td>Ctrl/⌘ + H</td>
</tr>
<tr>
<td>### Heading</td>
<td>H3</td>
<td>Ctrl/⌘ + H (x2)</td>
</tr>
</tbody>
</table>
For further Markdown syntax reference: <a href="https://ghost.org/faq/using-the-editor/#using-markdown" target="_blank">Markdown Documentation</a>
</section>
</div>