Using the Text Editor Interface
When editing text within a content type, editors will be able to use a text editor with a toolbar containing common editing options. This toolbar contains numerous options, many similar to those found in other text editors in software like Microsoft Word.
Pasting Text
It is common to receive text from another source (Word, email, Teams, etc.). Copying and pasting straight from that source into Drupal can pull in "bad code" that can break our Drupal styles. The best solution is to copy and paste the text into a basic text editor (like -Mac or -PC) and then copy out of that application. It will remove any hidden code.
When pasting into Drupal always use:
- Shift-Command-V (for Mac)
- Shift-Control-V (for PC)
Icons Explained
| Icon | Purpose | Instructions |
|---|---|---|
| Bold | Use sparingly. Do not use in place of proper headings. |
| Italic | Use sparingly. Can be hard to many users to read. |
| Remove Format | This will only removed the format that you've added in Drupal. It does not remove "code" copied in from other sources. |
| Horizontal Rule | Adds a straight line (used to separate content) |
| Table | Create a table |
| Table Template | Choose between Searchable and Sortable Table |
| Alignment | Choose between left, centered, and right aligned. For best readability, should use left aligned. |
| Superscript | Changes selected text to a superscript |
| Subscript | Changes selected text to a subscript |
| Add Link | Applies a link to selected text |
| Create Anchor | Add an anchor so that a jump link can be created |
| Add Bullet List | Creates a bulleted list. Choose other style options from the dropdown menu |
| Add Numbered List | Creates an ordered list. You can change the starting number if needed. |
| Decrease Indent | Used primarily in lists to change the organizational structure. |
| Increase Indent | Used primarily in lists to change the organizational structure. |
| Create Quote Block | Indents section as a quote. You can change the style. |
| Add Media File | Follow guidelines for Using Images on the Web. |
| Undo Last Action | Reverts page back before last action |
| Redo Last Action | Reverses the undo action |
| Add Heading | Choose correct heading level from the dropdown menu |
| Styles | Select styles for links (buttons) |
| View Source Code | Only certain users have access to this option to view the HTML code. |
Table Template Styles
Learn more about creating and styling tables.
Sortable Table
This style allows the user to sort the table by column headings.
Searchable Table
This style allows the table to be searched by any data in the table. It included the "sortable" style.
Buttons and Links
You can choose to style your link as a green button, white, button, or action link.
Examples
Block Quotes
To apply a block quote style, you must first select the quote and name in the text editor and then select the quotation mark icon.
The default style (green vertical bar) is automatically applied. You can toggle the Expanded Quote style by selecting or deselecting the "Expanded Block" option under Styles.
Examples
Default Style
I love representing 51社区 at athletic events and other activities across campus.
Rufus
Expanded Style
I love representing 51社区 at athletic events and other activities across campus.
Rufus