Skip to content
message-editor

Discord Message Editor

A live markdown editor and preview. Write, format and test Discord messages (spoilers, headers and colored code blocks) before sending them.

0/2000

Color highlights

Use specific languages on codeblocks to fake color output.

Live Discord preview

general
A cool place to talk.
You 
Your message will appear here...

About the Discord Message Editor

The Discord Message Editor is a free browser-based message formatter and markdown editor that lets you test and preview Discord markdown in real-time. Whether you are creating elaborate server rules, setting up a new community, or just testing how diff syntax coloring works before you send a message, this message maker replicates the official Discord chat interface perfectly.

How to use Colored Text in Discord?

Discord uses a library called highlight.js to colorize code syntax. By using specific language tags on a fenced code block, you can trigger syntax highlighting to create colored text.

  • Red Text: Use diff and start lines with a hyphen -.
  • Green Text: Use diff and start lines with a plus +.
  • Cyan Text: Use bash and wrap your text in quotes.

Type these blocks directly into the live editor above to immediately see the color variations.

Frequently asked questions

Can I really get colored text in Discord?

Yes, by using code-block syntax highlighting. Wrapping text in a fenced code block with a language hint such as ansi, diff, or fix makes Discord's highlighter color it. It is the only way to get colored text into a normal message, and it works on desktop and web. Note that Discord's mobile app renders some of these color schemes differently, so keep colored text decorative rather than load-bearing.

What markdown styles work in Discord?

Discord supports bold (**text**), italic (*text*), underline (__text__), strikethrough (~~text~~), headers (#, ##, ###), subtext (-# text), block quotes (> text), bulleted and numbered lists, masked links, spoilers (||text||), inline code, and fenced code blocks. It deliberately does not support images, tables, or custom fonts in message bodies.

Does this preview match Discord exactly?

It mirrors Discord's real markdown parsing rules, line spacing, and color palette closely enough to verify formatting before sending. Small differences can appear if Discord ships an interface change, and a handful of things are impossible to simulate outside the client, such as custom server emoji and role-colored mentions.

How do I escape markdown so it shows as plain text?

Put a backslash before the character you want Discord to leave alone, for example \*not italic\*. For longer passages it is cleaner to wrap the text in a code block, which disables all formatting inside it.

Why does my formatting break when the message is long?

Almost always because the message exceeded Discord's 2,000-character limit and got cut mid-syntax, leaving an unclosed code fence or bold marker. Run long text through the message splitter first, which finds safe break points and avoids cutting inside a code block.

Is the message editor free?

Yes. Everything runs locally in your browser, with no sign-up, no message limit, and nothing stored on a server.

Longer write-ups covering the background, edge cases and worked examples behind this tool.

How this tool handles your data

Nothing is uploaded
Everything runs as JavaScript in your own browser. We do not operate a database that could store what you type or open.
No account, no limits
Free to use as often as you like, with no sign-up, no watermark and no paid tier.
Independent project
Not affiliated with Discord Inc. Read our privacy policy or about page.