You are a hardcore Discord gaming platform fan, and you have connected to the discord gaming server along with your friends. Suddenly, you come across different and beautiful formatting styles. So, you would also be willing to learn those styles and implement them in your server’s chatbox. So this article will be your guide to Discord text formatting along with other effects like text coloring and code blocks.
However, if you are using Discord and facing the black screen problem, then click here for its solution.
- 1 Discord Markdown: Discord’s text format engine
- 2 Discord text format: Style formatting in Discord
- 3 Discord message formatting: Style formatting combinations
- 4 Discord text formatting: Code Blocks
- 5 Discord text formatting: Discord Color Text
- 5.0.1 Use Syntax highlighting
- 5.0.2 Different colors and languages
- 5.0.3 For Red-colored text using ‘diff’ language
- 5.0.4 CSS Syntax highlighting for Red color
- 5.0.5 Using fix to get everything in yellow
- 5.0.6 Apache highlighting syntax for yellow
- 5.0.7 JSON Syntax Highlighting for Green
- 5.0.8 Discord text formatting: Print the Escape Sequence
- 5.0.9 Discord text formatting: How to hide spoilers?
- 5.0.10 Discord text formatting: Formatting on international keyboards layout
- 6 Conclusion
Discord Markdown: Discord’s text format engine
All the formatting and font styling are possible in Discord because of the Markdown engine. Basically, Markdown is a markup language that is used to format and add style effects and code blocks on text that you enter in the message box of your chat server.
Markdown is a lightweight markup language with plain-text-organizing sentence structure, made in 2004 by John Gruber with Aaron Swartz. Markdown is frequently utilized for organizing readme records, for composing messages in online conversation gatherings, and for making rich content utilizing a plain text editor.
For writing codes blocks for multiple lines and formatting in the Markdown you need to get familiar with the syntax involving the use of special characters like a three backticks(““) and tilde(~~). In short, if you wish to create rich text using plain text editor, Markdown engine and syntax come handy for you.
So, let’s begin the interesting and attractive journey towards the Discord rich text and style formatting.
Discord text format: Style formatting in Discord
This section covers the four basic style formats, namely bold, italics, underline, and Strikethrough.
Text Bold in discord
As you all are already familiar with, the bold font effect makes the letters of a text thicker than the neighbor letters. The bold text is clearly distinguishable from the normal . It’s the main purpose of highlighting the important keywords having much weightage and importance in the content. Thus it gives strong emphasis to Discord bold text.
Let us demonstrate the code blocks to you on how to apply the bold effect on the text in Discord along with the output.
In the message chat box of the Discord server, enter the letters as below:
Demo : **This is bold text Demo**
As observed in the discord text message chat box, the code above can help you in typing bold with the prefix and suffix addition of two asterisks (**).
The main aim of Discord italics is to reflect titles and names to allow that title and letters to stand out from the surrounding sentence. You can also use the italics style for light emphasis in writing. The text is displayed in slanting angle at right side.
For displaying italics text in Discord, enter the letters in the following fashion.
Demo: – *This is italics text Demo*
Demo: _This is italics text Demo_
As observed in the discord text message chat box, you can make the letters italics on text in Discord with the prefix and suffix addition of a single asterisk (*) or a single underscore (_) in the line code blocks.
The discord underline effect is used in between the sentences to do superfluous addition similar to the bold and italics. it is also used to give the extra emphasis to the important points that need highlighting.
In order to get underline in discord, follow the Markdown style below:-
Demo: __This is underlined text Demo__
As observed in the discord text message chat box, you can make the underlined with the prefix and the suffix addition of two underscores (_, _).
In order to get Discord Strikethrough effect for your letters in to crossout in Discord , follow the Markdown style below:-
Demo: ~~This is strikethrough text Demo~~
As observed in the discord text message chat box, you can make the text underlined with the prefix and the suffix addition of two tildes (~, ~).
Overall, the main advantage of using the bold, italics, strikethrough and underline effects is to give emphasis(strong or weak), reduce bounce rate of visitors and increase the average visit duration of the users.
After going through all the single based effects, let us unveil the styling combination effects.
Discord message formatting: Style formatting combinations
This section covers the combinations, made up of basic styles like bold and italics, underline and italics, underline and bold, and the triple combination of underline, bold italics.
In order to get discord bold italic text, follow the Markdown style below:-
Demo: ***This is text demo of bold and italics***
As observed in the discord text message chat box, you can make the text bold and italics with the prefix and the suffix addition of three asterisks (***).
In order to get discord underline and italicize text, follow the Markdown style below:-
Demo: __*This is text demo of underline and italics*__
As observed in the discord text message chat box, you can make the text bold and italics with the prefix and the suffix addition of one asterisk (*) and two underscores (_, _).
In order to get discord bold and underline your text, follow the Markdown style below:-
Demo: __**This is text demo of bold and underline**__
As observed in the discord text message chat box, you can make the text bold and underline with the prefix and the suffix addition of two asterisks (**) and two underscores (_,_).
Underline Bold Italics
In order to get discord bold, italicize, and underline your text, follow the Markdown style below:-
Demo: __***This is text demo of bold and italics***__
As observed in the discord text message chat box, you can make the text bold, underline, and italics with the prefix and the suffix addition of three asterisks (***) and (_,_) and make text chat discord attractive.
Discord text formatting: Code Blocks
Not only the basic text format styles like bold, italics, and underline, you can also incorporate the single line and multi-line code blocks in the Discord chatbox using the text chat codes below. Let us see the syntax for the same.
Single line code
In order to follow implement the single and multiple lines code , the three backticks (“`) symbol is used with different occurrences.
For a single line of code blocks, use the single backtick (`). For example,
Demo: `single code block.`
Multi lines code
Suppose you wish to implement the multiple lines of the code blocks, then follow this syntax.
`”First code block line1
Second code block line 2,
Third code block line 3
Fourth code block line 4“`
Discord text formatting: Discord Color Text
The Markdown has a plain text editor, so getting colored or rich text directly is not possible. But, there is an indirect way out. You can incorporate the programming language associated with a particular color in the multi-line code block, and then you can change the color of the text enclosed in it. One more point worth mentioning is, this color formatting is not available in the mobile app version of Discord.
Use Syntax highlighting
What basically we will do is, we will hijack the ‘Syntax Highlighting’ using the ‘Highligh.js’ operating in the background of the Discord which Discord uses. We have to do this step, because Discord does not have built-in text highlighting functions. So, that is exactly what we will work out here.
Different colors and languages
In order to get the rich text in Discord, we will use different languages based on the ‘Highlight.js’. Additionally, we will also use the three backticks (‘”) and multi-line code. The languages used here will be CSS, Apache, JSON, and many more.
For example, if we use Apache language, then we will write the code like this.
Some text goes here…
For Red-colored text using ‘diff’ language
Here we use the ‘diff’ language multi-line code block. We will use the colored text as a variable proceeded by a dash, which will appear red in colored, whereas other text in the multi-line block will be normal regular black in color.
-Here is some red-colored text’!
CSS Syntax highlighting for Red color
In case you want to highlight any text, refer to this syntax.
[Red colored Text in CSS Highlighting]
Yes, you have to enclose the text to be highlighted in square brackets ().
Using fix to get everything in yellow
Using the fixed syntax, you will be able to get everything in yellow.
In fix, all the text appears yellow! `”
Apache highlighting syntax for yellow
This syntax comes with an exception. You cannot keep spaces between the words.
JSON Syntax Highlighting for Green
“Green text in quotes” `”
We have mentioned different color combinations like red, yellow, and green with various language syntax highlights like CSS, json, fix, diff, etc. You can do other trials and errors from your side and keep experimenting till you get your desired output.
Discord text formatting: Print the Escape Sequence
You all would have heard of the word escape sequence. These words usually occur in the programming languages. We have demonstrated that asterisk (*), underscore (_), and tilde (~). What if you wish to display these characters in your message? At this point, you would have to use the ‘Escape Sequence’ characters. Have a look at the demo:
\*\_This is demo of escape sequence to view ‘*’ and ‘_’
You have to use and prefix your text with the backslash (‘\’).
Discord text formatting: How to hide spoilers?
While playing the game in Discord uses some of the players of the friends connected in your server may reveal the game spoilers or cheat codes. So you would have to hide the Discord spoiler text.
You have to prefix and suffix the spoiler text with the double vertical bars (||) use.
Demo: Hide the spoilers here ||spoilers||
Discord text formatting: Formatting on international keyboards layout
We have broadened our perspective and have also included the international keyboard layouts. Below is a series of examples in different countries syntaxes, in order to display the character asterisk (*).
German: Shift+[+] (key right of Ü)
Spanish: Shift+[+] (key right of `^ (Spain) or ‘¨ (Latin America))
France: * (key right of ù%)
Belgium: Shift+$ (key right of ^¨)
Italian: Shift+[+] (key right of èé)
Swedish: Shift+’ (key right of Ä)
We have reached the end of this interesting Discord text format article. However, this topic has gained much traction due to its different format styles and attractiveness quotient. We have summarized and listed all the style formats for text, colors as well as code blocks. We would love to know your experiences as to what worked the best for you.
If you know more of such format styles, then you may share it with us in the comment block below. Also, please write to us with your queries, comments, and suggestions.
For more topics related to Discord, click here.
Content Reference: – Markdown Guide