<div class="box-warning">The Twist composer is currently not available on mobile devices. Sorry about that! Instead, you can format your comments or messages by using <a href="#markdown">Markdown</a>.</div>
<p class="wysiwyg-text-align-left">Use our handy composer to create compelling, well thought-out, and easy to understand posts and messages!</p>
<p><img src="https://get.twist.help/hc/article_attachments/5636255264786/Twistcomposer.gif" alt="Composing a post"></p>
<h2>Guide to start using the Twist composer</h2>
<p>If you're not completely sure what the icons at the bottom of the composer do, make sure to check out the overview below (and click the links to learn even more!):</p>
<ul>
<li>
<img src="https://get.twist.help/hc/article_attachments/4402394695826/Web-Format-quick-actions.svg" alt="Web-Format-quick-actions.svg" width="39" height="39" data-inline=""> Access the <strong>Quick Actions</strong> menu</li>
<li>
<img src="https://get.twist.help/hc/article_attachments/4402395343890/Web-Attachment.svg" alt="Web-Attachment.svg" width="56" height="56" data-inline=""><a href="https://get.twist.help/hc/en-us/articles/115003623525" target="_self">Attach a file</a> to your post</li>
<li>
<img src="https://get.twist.help/hc/article_attachments/4402395438738/Web-Reaction.svg" alt="Web-Reaction.svg" width="42" height="42" data-inline=""><a href="https://get.twist.help/hc/en-us/articles/115003623565" target="_self"> Add emoji</a> to your post</li>
</ul>
<h2>Text formatting</h2>
<p>In order to bring up formatting options, highlight the text you would like to format and choose one of the options below:</p>
<ul>
<li>
<img src="https://get.twist.help/hc/article_attachments/4402400386962/Web-Format-bold.svg" alt="Web-Format-bold.svg" width="53" height="53" data-inline=""> Make your text <strong>bold</strong>
</li>
<li>
<img src="https://get.twist.help/hc/article_attachments/4402395167762/Web-Format-italic.svg" alt="Web-Format-italic.svg" width="57" height="57" data-inline=""> Make your text <em>italic</em>
</li>
<li>
<img src="https://get.twist.help/hc/article_attachments/4402395172498/Web-Format-strikethrough.svg" alt="Web-Format-strikethrough.svg" width="46" height="46" data-inline=""> Make your text strikethrough</li>
<li>
<p><img src="https://get.twist.help/hc/article_attachments/4402395344914/Web-Format-h1.svg" alt="Web-Format-h1.svg" width="50" height="50" data-inline=""> Make your text Heading 1 size</p>
</li>
<li>
<img src="https://get.twist.help/hc/article_attachments/4402395344530/Web-Format-h2.svg" alt="Web-Format-h2.svg" width="57" height="57" data-inline=""> Make your text Heading 2 size</li>
<li>
<img src="https://get.twist.help/hc/article_attachments/4402395345938/Web-Format-quote.svg" alt="Web-Format-quote.svg" width="65" height="65" data-inline=""> Turn your text into a quote</li>
<li>
<img src="https://get.twist.help/hc/article_attachments/4402395343506/Web-Format-code.svg" alt="Web-Format-code.svg" width="77" height="77" data-inline=""> Turn your text into <code>code</code>
</li>
<li>
<img src="https://get.twist.help/hc/article_attachments/4402395168402/Web-Format-list-bulleted.svg" alt="Web-Format-list-bulleted.svg" width="54" height="54" data-inline=""> Create a bulleted list</li>
<li>
<img src="https://get.twist.help/hc/article_attachments/4402395169554/Web-Format-list-numbered.svg" alt="Web-Format-list-numbered.svg" width="49" height="49" data-inline=""> Create a numbered list</li>
<li>
<img src="https://get.twist.help/hc/article_attachments/4402395438994/Web-Link.svg" alt="Web-Link.svg" width="29" height="29" data-inline=""> <a href="https://get.twist.help/hc/en-us/articles/115003629709" target="_self" rel="undefined">Add a link</a>
</li>
</ul>
<div class="box-tip">If you would like to add an image to your comment or message, you can simply copy-paste it or drag-and-drop it to where you want the image to appear.</div>
<p><a name="markdown"></a></p>
<h2>Using Markdown in Twist</h2>
<p>You also have the option to use markdown syntax. If you’re unfamiliar with markdown, you can <a href="http://commonmark.org/help/">learn it in 60 seconds at CommonMark</a> or check out the overview below:</p>
<table style="width: 719px;">
<tbody>
<tr>
<td style="width: 383px;">
<p>Markdown</p>
</td>
<td style="width: 330px;">
<p>Result</p>
</td>
</tr>
<tr>
<td style="width: 383px;">
<p>_italic_</p>
</td>
<td style="width: 330px;">
<p><em>italic</em></p>
</td>
</tr>
<tr>
<td style="width: 383px;">
<p>**bold**</p>
</td>
<td style="width: 330px;">
<p><strong>bold</strong></p>
</td>
</tr>
<tr>
<td style="width: 383px;">
<p>[link](http://link.com)</p>
</td>
<td style="width: 330px;">
<p><a href="http://link.com">link</a></p>
</td>
</tr>
<tr>
<td style="width: 383px;">
<p># Heading 1</p>
</td>
<td style="width: 330px;">
<h1><img src="https://get.twist.help/hc/article_attachments/360010037539/Screenshot_2020-03-17_at_17.01.55.png" alt="Screenshot_2020-03-17_at_17.01.55.png" width="97" height="34"></h1>
</td>
</tr>
<tr>
<td style="width: 383px;">
<p>## Heading 2</p>
</td>
<td style="width: 330px;">
<h2> <img src="https://get.twist.help/hc/article_attachments/360010029620/Screenshot_2020-03-17_at_17.02.03.png" alt="Screenshot_2020-03-17_at_17.02.03.png" width="80" height="22">
</h2>
</td>
</tr>
<tr>
<td style="width: 383px;">
<p>* One</p>
<p>* Two</p>
<p>* Three</p>
</td>
<td style="width: 330px;">
<ul>
<li style="font-weight: 400;">One</li>
<li style="font-weight: 400;">Two</li>
<li style="font-weight: 400;">Three</li>
</ul>
</td>
</tr>
<tr>
<td style="width: 383px;">
<p>1. One </p>
<p>2. Two</p>
<p>3. Three</p>
</td>
<td style="width: 330px;">
<p>1. One</p>
<p>2. Two</p>
<p>3. Three</p>
</td>
</tr>
<tr>
<td style="width: 383px;">
<p>&gt; quote</p>
</td>
<td style="width: 330px;">
<p><img src="https://get.twist.help/hc/article_attachments/360010029640/Screenshot_2020-03-17_at_17.02.12.png" alt="Screenshot_2020-03-17_at_17.02.12.png" width="52" height="27"></p>
</td>
</tr>
<tr>
<td style="width: 383px;">
<p>![Image caption](https://twist.com/image.png)</p>
</td>
<td style="width: 330px;">
<p><img src="https://get.twist.help/hc/article_attachments/360001255059/Embedded_image.png" alt="Embedded_image.png"></p>
</td>
</tr>
<tr>
<td style="width: 383px;">
<p>`code`</p>
</td>
<td style="width: 330px;"><img src="https://get.twist.help/hc/article_attachments/360010037559/Screenshot_2020-03-17_at_17.02.26.png" alt="Screenshot_2020-03-17_at_17.02.26.png" width="51" height="40"></td>
</tr>
<tr>
<td style="width: 383px;">
<p>```</p>
<p>code block</p>
<p>```</p>
</td>
<td style="width: 330px;"> <img src="https://get.twist.help/hc/article_attachments/360001255039/Code_block.png" alt="Code_block.png">
</td>
</tr>
<tr>
<td style="width: 383px;">
<p>Horizontal line: --- <em>or</em> ***</p>
</td>
<td style="width: 330px;"><img src="https://get.twist.help/hc/article_attachments/360023913420/Screenshot_2021-03-19_at_09.36.00.png" alt="Screenshot_2021-03-19_at_09.36.00.png"></td>
</tr>
</tbody>
</table>

How to format a comment or message