2017-01-19 23:07:47 +01:00
|
|
|
# Format your message using Markdown
|
2016-12-04 04:57:51 +01:00
|
|
|
|
2017-01-07 03:32:36 +01:00
|
|
|
Zulip uses a variant of
|
|
|
|
[GitHub Flavored Markdown](https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet#tables)
|
|
|
|
(GFM) to allow you to easily format your messages.
|
2016-12-04 04:57:51 +01:00
|
|
|
|
|
|
|
## Summary
|
|
|
|
|
2017-01-19 23:07:47 +01:00
|
|
|
To see a summary of message formatting in Zulip, click the A (<i
|
|
|
|
class="icon-vector-font"></i>) icon located in the bottom left corner of
|
|
|
|
your messaging box. You can alternatively click the cog (<i
|
2017-06-11 10:38:34 +02:00
|
|
|
class="icon-vector-cog"></i>) icon in the top right corner of the right
|
2017-01-19 23:07:47 +01:00
|
|
|
sidebar and choose **Message formatting** from the dropdown menu that
|
|
|
|
appears.
|
2016-12-04 04:57:51 +01:00
|
|
|
|
|
|
|
![Message formatting modal](/static/images/help/message-formatting-summary.png)
|
|
|
|
|
|
|
|
## Emphasis
|
|
|
|
|
2017-01-05 23:35:54 +01:00
|
|
|
You can surround your text with a combination of asterisks `*` and
|
|
|
|
tildes `~` to emphasize words or phrases in your messages.
|
2016-12-04 04:57:51 +01:00
|
|
|
|
|
|
|
### Italics
|
|
|
|
|
|
|
|
For italics, surround your text with `*asterisks*`.
|
|
|
|
|
|
|
|
![Italicized text](/static/images/help/italics-screenshot.png)
|
|
|
|
|
|
|
|
### Bold
|
|
|
|
|
|
|
|
For bold text, surround your text with `**two asterisks**`.
|
|
|
|
|
|
|
|
![Bold text](/static/images/help/bold-screenshot.png)
|
|
|
|
|
|
|
|
### Strikethrough
|
|
|
|
|
|
|
|
For strikethrough text, surround your text with `~~two tildes~~`.
|
|
|
|
|
|
|
|
![Strikethrough text](/static/images/help/strikethrough-screenshot.png)
|
|
|
|
|
|
|
|
### Extra emphasis
|
|
|
|
|
2017-01-05 23:35:54 +01:00
|
|
|
To add more variety, flavor, and emphasis to your messages, you can
|
|
|
|
combine different styles of formatting.
|
2016-12-04 04:57:51 +01:00
|
|
|
|
|
|
|
![Extra emphasized text](/static/images/help/extra-emphasis-screenshot.png)
|
|
|
|
|
|
|
|
## Links
|
|
|
|
|
2017-01-05 23:35:54 +01:00
|
|
|
To include hyperlinks in your messages, you can either enter the
|
2017-05-12 17:51:08 +02:00
|
|
|
link's URL address directly or surround the link's display text
|
|
|
|
with`[brackets]` and the URL address of the link in `(parentheses)`
|
2017-01-05 23:35:54 +01:00
|
|
|
immediately after.
|
2016-12-04 04:57:51 +01:00
|
|
|
|
|
|
|
![Link](/static/images/help/link-screenshot.png)
|
|
|
|
|
|
|
|
Zulip currently does not support image embedding through links.
|
|
|
|
|
2016-12-06 00:13:06 +01:00
|
|
|
## Stream Links
|
|
|
|
|
2017-01-05 23:35:54 +01:00
|
|
|
To link to another stream in one of your messages, you can either type
|
|
|
|
`#streamName` and click the stream name in the popup, or you can start
|
|
|
|
with `#` and surround your message with double asteriks `**`.
|
2016-12-06 00:13:06 +01:00
|
|
|
|
|
|
|
![Stream Links](/static/images/help/stream-link-screenshot.png)
|
|
|
|
|
2016-12-04 04:57:51 +01:00
|
|
|
## Lists
|
|
|
|
|
2017-01-05 23:35:54 +01:00
|
|
|
Begin each item in your list with `* an asterisk followed by a space`
|
|
|
|
to include lists in your messages.
|
2016-12-04 04:57:51 +01:00
|
|
|
|
|
|
|
![Lists](/static/images/help/lists-screenshot.png)
|
|
|
|
|
2017-04-08 07:54:52 +02:00
|
|
|
!!! tip ""
|
|
|
|
You can add nested bullets within lists by adding two spaces before each
|
|
|
|
nested bullet.
|
|
|
|
|
2018-02-03 23:31:59 +01:00
|
|
|
Numbered lists in which each item begins with the same number will
|
|
|
|
have the numbers automatically edited to increment (e.g. if every line
|
|
|
|
starts with `3.`, it'll go 3, 4, 5, ...).
|
|
|
|
|
|
|
|
![Numbered lists](/static/images/help/numbered-lists-screenshot.png)
|
|
|
|
|
2016-12-04 04:57:51 +01:00
|
|
|
## Emojis
|
|
|
|
|
2017-01-05 23:35:54 +01:00
|
|
|
Zulip features a variety of emojis provided by the
|
|
|
|
[Noto Project](https://code.google.com/p/noto/). To include emojis in
|
|
|
|
your messages, surround the emoji phrase with `:colons:`.
|
2016-12-04 04:57:51 +01:00
|
|
|
|
|
|
|
A dropdown will appear with suggested emojis as you enter the emoji phrase.
|
|
|
|
|
|
|
|
![Emojis](/static/images/help/emojis-screenshot.png)
|
|
|
|
|
|
|
|
A complete list of emojis can be found [here](http://www.webpagefx.com/tools/emoji-cheat-sheet/).
|
|
|
|
|
|
|
|
## Mentions
|
|
|
|
|
2017-01-05 23:35:54 +01:00
|
|
|
To call the attention of another member, you can alert them by typing
|
|
|
|
`@**username**`
|
2016-12-04 04:57:51 +01:00
|
|
|
|
2017-01-05 23:35:54 +01:00
|
|
|
If you type `@` and then begin typing the user's email address or the
|
|
|
|
user's name, the system will offer you auto-completion suggestions.
|
2016-12-04 04:57:51 +01:00
|
|
|
|
|
|
|
![Mentions](/static/images/help/mention-screenshot.png)
|
|
|
|
|
2017-01-05 23:35:54 +01:00
|
|
|
Typing `@**all**` will alert all users in the stream, and a
|
|
|
|
confirmation message will appear.
|
2016-12-04 04:57:51 +01:00
|
|
|
|
|
|
|
![Mention All](/static/images/help/all-confirm.png)
|
|
|
|
|
2016-12-28 00:12:47 +01:00
|
|
|
For more information on mentions, visit [here](/help/at-mention-a-team-member).
|
2016-12-04 04:57:51 +01:00
|
|
|
|
2017-05-13 05:22:28 +02:00
|
|
|
## Status Messages
|
|
|
|
|
|
|
|
You can send messages that display your name and profile before a string by
|
|
|
|
beginning a message with `/me`. You can utilize this feature to send status
|
|
|
|
messages or other messages written in a similar third-person voice.
|
|
|
|
|
|
|
|
For example, if your username is **Cordelia Lear** and you send the message
|
|
|
|
`/me is now away`, your message will be displayed as:
|
|
|
|
|
2018-05-21 23:46:54 +02:00
|
|
|
![Status message](/static/images/help/status-message.png)
|
2017-05-13 05:22:28 +02:00
|
|
|
|
2016-12-04 04:57:51 +01:00
|
|
|
## Code
|
|
|
|
|
2017-03-21 21:46:25 +01:00
|
|
|
You can surround a portion of code with `` `back-ticks` `` to display it as
|
|
|
|
inline code.
|
2016-12-04 04:57:51 +01:00
|
|
|
|
|
|
|
![Inline code](/static/images/help/inline-code-screenshot.png)
|
|
|
|
|
2017-03-21 21:46:25 +01:00
|
|
|
Multi-line blocks of code are either:
|
|
|
|
|
|
|
|
- Fenced by lines with three back-ticks (` ``` `).
|
|
|
|
- Fenced by lines with three tildes (`~~~`).
|
|
|
|
- Indented with four spaces.
|
2016-12-04 04:57:51 +01:00
|
|
|
|
|
|
|
![No code syntax highlighting](/static/images/help/no-syntax.png)
|
|
|
|
|
2017-03-19 04:23:27 +01:00
|
|
|
Zulip also supports syntax highlighting of multi-line code blocks using
|
|
|
|
[Pygments](http://pygments.org). To add syntax highlighting to a multi-line code
|
|
|
|
block, add the language's **first**
|
|
|
|
[Pygments short name](http://pygments.org/docs/lexers/) after the first set of
|
2017-05-12 17:51:08 +02:00
|
|
|
back-ticks; as you type out a code block's short name, a dropdown with short
|
|
|
|
name suggestions will appear.
|
2016-12-04 04:57:51 +01:00
|
|
|
|
2017-03-21 21:46:25 +01:00
|
|
|
!!! warn ""
|
2017-05-12 17:51:08 +02:00
|
|
|
**Note:** You can only specify the language's short name in fenced code
|
|
|
|
blocks. It is not possible to use the syntax highlighter in blocks
|
|
|
|
indented with spaces.
|
2017-03-21 21:46:25 +01:00
|
|
|
|
2016-12-04 04:57:51 +01:00
|
|
|
![Python syntax highlighting](/static/images/help/python-syntax.png)
|
|
|
|
|
|
|
|
![JavaScript syntax highlighting](/static/images/help/javascript-syntax.png)
|
|
|
|
|
2017-03-19 04:23:27 +01:00
|
|
|
![Rust syntax highlighting](/static/images/help/rust-syntax.png)
|
|
|
|
|
|
|
|
![C# syntax highlighting](/static/images/help/csharp-syntax.png)
|
|
|
|
|
2016-12-04 04:57:51 +01:00
|
|
|
## Quotes
|
|
|
|
|
2017-01-05 23:35:54 +01:00
|
|
|
To insert quotes, you can either add a greater-than symbol ```>``` and
|
|
|
|
a space before your phrase or submit it as a quote block by following
|
|
|
|
the code syntax highlighting format.
|
2016-12-04 04:57:51 +01:00
|
|
|
|
|
|
|
![Quotes](/static/images/help/quotes-screenshot.png)
|
2017-03-20 16:56:39 +01:00
|
|
|
|
|
|
|
## TeX math
|
|
|
|
|
|
|
|
You can display mathematical symbols, expressions and equations using Zulip's
|
|
|
|
[TeX](http://www.tug.org/interest.html#doc) typesetting implementation,
|
|
|
|
based on [KaTeX](https://github.com/Khan/KaTeX).
|
|
|
|
|
|
|
|
!!! tip ""
|
2018-07-28 08:13:38 +02:00
|
|
|
Visit the [KaTeX Wiki](https://khan.github.io/KaTeX/docs/supported.html)
|
2017-03-20 16:56:39 +01:00
|
|
|
to view a complete of compatible commands.
|
|
|
|
|
|
|
|
Surround elements in valid TeX syntax with `$$two dollar signs$$` to display it
|
|
|
|
as inline content.
|
|
|
|
|
|
|
|
![Inline TeX](/static/images/help/inline-tex-screenshot.png)
|
|
|
|
|
|
|
|
Also, you can show expressions, such as expanded integrals, in TeX
|
|
|
|
*display mode* to present them fully-sized in the center of the messages by
|
|
|
|
fencing them with three back-ticks ` ``` ` or tildes `~~~`, with **math**,
|
|
|
|
**tex** or **latex** immediately after the first set of back-ticks.
|
|
|
|
|
|
|
|
![Display mode TeX](/static/images/help/display-mode-tex-screenshot.png)
|