Formatting Text in T4 (2024)

All text content types within TerminalFour (T4) use the same HTML editor, TinyMCE, to format text.

The TinyMCE HTML editor should feel similar to popular word-processing applications. It is comprised of a top menu and icons on the toolbar that can be used to format text, add tables, and more.

T4 provides a helpful introduction to the TinyMCE HTML editor in the T4 Knowledge Base, including:

Headings

Heading 1 (H1). Only used for the main heading of a section that has one or more subpages or for a page that does not have any subpages. The Heading 1 is set by the "name" field of the general tab of the parent page.
Heading 2 (H2). Used once per page as the main heading/title of the page. The first line on each page should be an H2. You can add an H2 to your page by including the page name in the "Heading" field of an Inline Image or General Content Type, then include that content type as the first content type on the page. Though an option, an H2 would not be added to content through the steps described below.
Heading 3 (H3). This is the heading most often added within the text of your content type. Use the H3 or Heading 3 to signify the start of a main section of the page. Follow the steps below to format the text as an H3.
Heading 4 (H4).This is the second most often added heading within the text of your content type. The H4 or Heading 4 is used to break up information within the main sections of a page. Follow the steps below to format the text as an H4.
Heading 5 (H5). Not typically used.
Heading 6 (H6). Not typically used.

Follow these steps to format text as a heading:

Add your text within the 'main body' or 'description' field of your content type.
Highlight the text you want to format as a heading.
Select "format" from the main menu.
Hover over "formats" in the dropdown menu, then hover over "headings."
Select the appropriate heading from the list above.

Paragraph text

Paragraph text is used for the main text content throughout the Studio Site website.

Follow these steps to format text as paragraph text:

Add your text within the 'main body' or 'description' field of your content type.
Highlight the text you want to format as paragraph text.
Select "format" from the main menu.
Hover over "formats" in the dropdown menu, then hover over "blocks."
Select paragraph from the dropdown list.

Linking to other areas of your Studio Site

At times, you may want to direct page visitors to a different page or a specific piece of content on your Studio Site. There are a few different ways you can achieve this, depending on where you want the user to be lead when they click on the link.

Linking to the top of a page with a section link

Follow these steps to link to the top of a different page on your Studio Site:

Navigate to and open the content type that will contain the link to a different page of your Studio Site.
Highlight the text to be formatted as a link.
Select the Insert dropdown menu or the insert/edit link icon from the main toolbar.
Select "Insert section link."
In the Select Section pop up window, select the name of the Studio Site page you'd like to link to.

Linking to the top of a specific content type with a content link

If you'd prefer to link to a specific piece of content on a page of your Studio Site (instead of the very top of a page), you can follow these steps to insert a content link.

Navigate to and open the content type that will contain the link to a different piece of content of your Studio Site.
Highlight the text to be formatted as a link.
Select the Insert dropdown menu or the insert/edit link icon from the main toolbar.
Select "Insert content link."
In the Select Content pop up window, select the name of the Studio Site page that contains the content type you'd like to link to, then select the specific content type you'd like to link to.

Linking to a specific place on a page with a page anchor

A page anchor acts as a way to bookmark a specific piece of text on a page, which allows for the creation of links directing users to that anchor.In contrast to a typical hyperlink which directs to a distinct URL, an anchor link, also referred to as a jump link, connects within the same page. Therefore, a unique identifier must be assigned to denote the link's destination in such instances.

There are two parts to creating a page anchor: creating the page anchor and linking to the page anchor.

Creating the page anchor

1. Navigate to and open the content type you'd like to turn into a page anchor.
2. Highlight the specific text within the content that you'd like to link to and select 'Insert' from the toolbar menu.
3. Select "Insert Anchor" from the dropdown menu.
4. In the ID field, write a unique name for your page anchor. Be sure to remember the unique name (or copy and paste it somewhere to reference later). Note: IDs on a page must be unique, and can't be re-used for other anchors.
5. Press the blue save changes button.

Linking to the page anchor

1. Navigate to and open the content type that contains the text you'd like to format as a link.
2. Highlight the specific text that you'd like to format as a link and click "Insert" from the toolbar menu.
3. Select "Link to External Site" from the dropdown menu.
4. In the URL field, type in the hashtag symbol and the anchor name. Use underscores for spaces in the name if you use more than one word. No title needed.

Examples

You can use content and section links to bring the user to specific places on different pages of your Studio Site.
- This content link brings the user to the beginning of the Document accessibility standards content on the Accessibility Guidelines page, and this section link brings the user to the very top of that page.
You can also use page anchor links, content links, and section links to link to specific areas within the same page you are on.
- This page anchor link brings the user to step # 3 of the paragraph about linking to the top of a page with a section link, this content link brings the user to the beginning of this content type that begins with the "Linking to other areas of your Studio Site" heading, and this section link brings the user to the top of this Formatting text in T4 page.