Share
Explore

Slack Text Styling and @Mentioning

Slack is where most communication happens for a lot of companies, so why not have some fun styling your Slack messages sent from Coda!

How does text get styled in the first place?

Nearly everything you view on the internet uses HTML code to display it. Even when Javascript is used for a system, that system is generally using Javascript to render the HTML code needed. The problem with HTML is it’s not easy to include it in your text when you want to include simple things, like styling. For that reason, some “shorthand” code has been developed that uses various characters that are then substituted out for HTML when they are displayed. One of the most popular of these is Markdown.

When using Markdown to style text, you might type the following to make a word bold...
Look for the *bold* word.

In HTML, this would be written as...
<p>Look for the <b>bold</b> word.</p>

What Markdown does for us is automatically put the paragraph tags,
<p></p>
, at the start and end of every new line. Then it replaces any asterisk with the proper bold tag,
<b></b>
. This allows for much quicker typing when entering in content and all the hard work is handled behind the scenes.

What does this have to do with Coda and Slack?

Software aims to do as much for you as possible in order to be as efficient as possible. The more heavy lifting software can do, the more value it adds to the end user. But this also means that how something is rendered in Coda might not be rendered the same way in Slack. Each system might interpret various code symbols differently.

To get around this, Slack has decided to handle all text styling on its own, and Slack prefers Markdown. If we pass
<b>bold</b>
to Slack, it will display “bold” as plain text, but if we pass
*bold*
over to Slack, it will render it as styled text, “
bold
”. This goes for all of the other
.

Are there other Slack style tricks?

Yes, there are! Standard text styling will use the following:
*bold*
bold
_italics_
italics
~Strikethrough~
Strikethrough
`inline code`
inline code
>Blockquote
→ Blockquote
Blockquote

Another trick that you might want to use is adding a link to text. In order to link to the
website in Slack, we need to use the following pattern of
<URL|Text>
like this:
<https://coda.io/welcome|Coda>

@mentions in messages from Coda to Slack can also be done. To do this, we need to grab the ID of the user in Slack and use that in the @reference instead of their Slack username. You can find a person’s ID in their profile info under the “More” menu option.

image.png

Now we can include this ID in Slack’s preferred code,
<@UJDTYH2NL>
, to have the @mention show up in your message.

We can also mention @here, @channel, and @everyone by using
<!here>
,
<!channel>
, and
<!everyone>
.


Helpful Links


Loading…
Loading…

Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.