The Drupal Editor Toolbar interface was updated on February 1, 2024.
The latest tools and icons are described below.

These are the Drupal editor tools we use to edit web content.

Drupal Editing toolbar

Cut, Copy, Paste:

The Drupal editor toolbar does not show button icons for cut, copy or paste.

A. You may use these keyboard equivalents:

B. Or, you may right-click on your mouse to access those functions:

Right-click on your mouse to show the menu, with Cut, Copy, Paste.

Headings and Paragraph Formats menu:

Use the left-most Format menu to change the style of the selected text to a Heading style or reset it back to Paragraph style for body text.
Learn how to format text.

Formats menu

Styles menu:

The Styles menu provides a few additional styles, which should be used sparingly.
Learn how to use styles to format a link.

Styles menu

Use these to stylize text. Do not add Bold to text that is already in a Heading format.

Bold icon button

BOLD

Italic icon button

Italic

Underline icon button

Underline

Remove Formatting icon button

 Remove any special formatting from text. This tool is recommended after pasting content into Drupal from another program. Highlight the pasted text and click this Tx button.


Undo and redo icon buttons


Buttons for Undo (left) and Redo (right) actions


icon-link.png


Create a link to another Drupal page or an external website, also linking to an upload file.
Learn how to add a link.

icon-image.png

Insert an image.
Learn how to add an image.


icon-video.png


Add a video from YouTube or Vimeo in the page.
Learn how to add a video to a page.

icon-embed.png

Embed a Reusable Block
Learn how to add a Reusable Block to a page.


icon-table.png


Use this to create a table (use only for data, not page formatting)
Learn how to edit Tables.

icon-rule.png


Create a horizontal line within the page


icon-super-subscript.png


Subscript / Subscript


numbers and bullets icon buttons

Create lists, as numbered (left) or bulleted (right)


Screen Shot 2024-01-30_03-27-21_PM.png

Decrease or increase indent of items in a list


icon-special-sharacters.png

Use Ω to insert special characters

icon-block-quote.png

Use this to create an prominent pull quote (Block Quote) in the page

icon-source.png

Use this to switch between the formatted text and showing the HTML code