The Toolbar

Text formatting

Blocks that support inline formatting (paragraphs, quotes, lists, FAQ answers) display the following buttons:

Additional options (menu “...”)

By clicking on the … (more options) button, you access:

• Superscript: text in superscript
• Subscript: text in subscript
• Inline Code: formats the text as code
• Remove formatting: removes all formatting from the selected text

Links

How to add a link

1. Select the text to link.
2. Click on the Link button or press Ctrl+K / Cmd+K.
3. A popover opens with the following fields:
   URL: the destination address.
   Title: tooltip text on hover (optional).
   Sponsored: check if the link is a commercial/sponsored link.
4. Confirm to apply the link.

Link to a Butterfly article

In the link popover, you can search for a Butterfly article:

1. Enter the article title in the search field.
2. Results are displayed.
3. Click on an article to automatically insert its permanent URL.

Recently published articles automatically appear when the link popover is opened.

Inline quote

1. Select the text to quote.
2. Click on the Quote button in the toolbar.
3. A popover opens to add a cite attribute (source URL).
4. The text is enclosed by a <q> tag.

Abbreviation

1. Select the text corresponding to the abbreviation.
2. Click on the Abbreviation button in the toolbar.
3. A popover opens to enter the full title of the abbreviation.
4. The text is enclosed by an <abbr> tag with a title attribute.

Block type selector

To the left of the toolbar, a button displays the icon and name of the current block type. Click it to transform the block into another compatible type.

Possible transformations

• Paragraph: Title, Quote, List, FAQ
• Title: Paragraph, another level of title (h2–h6)
• List: Paragraph, another type of list (bullets, numbered, reverse)
• Quote: Paragraph

During a transformation, the content is smartly converted. For example, list items are merged into a single paragraph separated by line breaks.

Specific options per block

Code block

• Language Selector: choose from over 20 languages to activate the appropriate syntax highlighting.

Media blocks (image, video, audio)

• Replace: opens the media selector to choose another file.
• Edit on Butterfly: opens the media sheet in Butterfly CMS (if the media is linked).

Table block

See the dedicated guide: Tables.

Block statistics

In the toolbar, you can see in real-time:

• The number of words in the block.
• The number of characters in the block.
• The indicator color changes based on the number of words:
  Green: 40 words or more
  Orange: 15 to 39 words
  Red: less than 15 words

AI Button

To the right of the toolbar, an AI button (spark icon) allows for automatic correction of SEO and writing errors in the selected block. Check out the dedicated guide for more details.

• The AI Assistant

Next steps

• Keyboard Shortcuts
• Content Blocks