Discord Markdown Previewer
See exactly how your message will look before you send it. Type Discord markdown (or select text and click a format button) and watch it render live in a Discord-style preview, complete with headers, spoilers, lists and code blocks. Then copy the raw text and paste it straight into Discord.
- Free
- No sign-up
- No ads
inline code anywhere.- Draft the announcement
- Add a code sample
- Ship it
console.log('gg')Tip: headers and lists keep long posts readable.All the tools: https://dgden.com/tools or a masked link to Digital Den.
Click a spoiler box to reveal it. Exact spacing and emoji vary a little between Discord's desktop, web and mobile apps.
Discord markdown syntax
Discord messages use a lightweight Markdown. Wrap text in these markers to format it. Underline (__text__), spoilers (||text||), and headers are Discord-specific additions.
| Style | Syntax | Renders as |
|---|---|---|
| Bold | **text** | Heavy text |
| Italic | *text* or _text_ | Slanted text |
| Bold italic | ***text*** | Heavy slanted text |
| Underline | __text__ | Underlined text |
| Strikethrough | ~~text~~ | Crossed-out text |
| Spoiler | ||text|| | Hidden until clicked |
| Inline code | `code` | Monospace inline |
| Code block | ```lang … ``` | Multi-line code box |
| Headers | # H1 ## H2 ### H3 | Large bold heading |
| Subtext | -# text | Small muted line |
| Quote | > text | Indented quote bar |
| Bulleted list | - item | Bullet list |
| Numbered list | 1. item | Numbered list |
| Masked link | [label](https://url) | Clickable label |
| Link without preview | <https://url> | Link with no embed underneath |
Discord formatting, explained
How do I format text in Discord?+
Discord uses a lightweight Markdown. Wrap text in **double asterisks** for bold, *single asterisks* or _underscores_ for italic, __double underscores__ for underline, and ~~tildes~~ for strikethrough. Use `backticks` for inline code and triple backticks for a code block. This tool lets you select text and click a button to add the markers for you, with a live preview of how Discord will render the result.
How do I make a spoiler or colored text?+
Wrap anything in double pipes to hide it as a spoiler: ||like this||. In the preview here, click the black box to reveal it. Colored text is not part of normal Discord Markdown. The usual trick is an "ansi" code block (```ansi) with ANSI escape codes, which only works on desktop. This previewer focuses on the standard formatting you can use in any message.
What is Discord markdown?+
Discord markdown is the set of formatting shortcuts Discord supports in messages: bold, italic, underline, strikethrough, spoilers, headers, quotes, lists, inline code, code blocks and masked links. It is based on Markdown but with a few Discord-specific rules, such as __underline__ and ||spoiler|| syntax. This tool previews text using those rules so what you see is close to what Discord shows.
Do masked links work in normal messages?+
Yes. A masked link written as [label](https://url) shows as clickable text in regular messages as well as in bot and webhook embeds, and Discord asks the reader to confirm before it opens the site. Wrap the address in angle brackets, as in [label](<https://url>), to stop Discord adding a link preview underneath. The label itself cannot be another web address.
Is it free?+
Yes. This previewer is completely free, needs no login or account, and runs entirely in your browser, so nothing you type is ever uploaded anywhere.
Related tools
All tools →Learn how it works
📖Discord Markdown: Every Text Formatting Code6-min guide📖Discord Character Limits for Messages and Embeds4-min guide📖How to Make Colored Text in Discord4-min guideMore in Discord Tools.
Need a Discord bot that does exactly what your server needs?
The studio behind this free tool builds custom bots, game servers and websites.