Skip to main content

Text Formatting

The web editor provides keyboard shortcuts and a context menu for formatting text in your messages.

Keyboard Shortcuts​

Select text and use these shortcuts to toggle formatting:

ShortcutFormatYarn Tag
Ctrl+B (Cmd+B on Mac)Bold[b]text[/b]
Ctrl+I (Cmd+I on Mac)Italic[i]text[/i]
Ctrl+U (Cmd+U on Mac)Underline[u]text[/u]

Example:

  1. Type a message: 
    This is important text
  2. Select the word "important"
  3. Press Ctrl+B
  4. Result: 
    This is [b]important[/b] text
Toggle

Pressing the shortcut again on already-formatted text removes the tags. For example, selecting [b]important[/b] and pressing Ctrl+B produces important.

Context Menu​

Right-click on selected text to open the formatting menu with all available options:

OptionTagShortcut
Italic[i]...[/i]Ctrl+I
Bold[b]...[/b]Ctrl+B
Underline[u]...[/u]Ctrl+U
Strikethrough[s]...[/s]β€”
Code[ms]...[/ms]β€”
Spoiler[spoiler]...[/spoiler]β€”
Link...[link URL]...[/link]β€”

When you select Link... from the context menu, a dialog appears asking for the URL. The selected text becomes the link text.

Example:

  1. Type: Visit our website
  2. Select "our website"
  3. Right-click, choose Link...
  4. Enter URL: https://t-plot.com
  5. Result: 
    Visit [link https://t-plot.com]our website[/link]

All Formatting Tags​

Here is the complete list of formatting tags supported in Yarn messages:

Text Styles​

[b]Bold text[/b]
[i]Italic text[/i]
[u]Underlined text[/u]
[s]Strikethrough text[/s]
[ms]Monospace text[/ms]
[spoiler]Hidden text[/spoiler]
[link https://example.com]Click here[/link]
Links

URLs inside the link tag do not need to be escaped. Do not replace : with [cl/] inside links β€” just paste the URL as-is.

Special Characters​

TagDisplaysUse when
[br/]Line breakYou need a line break within a single message
[cl/]:You need a colon after the speaker separator
[usd/]$You need a dollar sign in text

Close All Tags​

Use [/] to close all currently open formatting tags at once:

[b][i]Bold and italic text[/]

This is equivalent to:

[b][i]Bold and italic text[/i][/b]