Body, Main body, Text and title
Body, Main body, and Text and title are components for text.
Text formatting
The text formatting menu appears at the top of the component text box.
Many of the function buttons will be familiar from Microsoft Word.
If you hover over an icon, a tool-tip will tell you what each icon does.
Bold
Use this to make text bold.
Headings
You can use Heading 3 or Heading 4 for headers.
The heading formats are based on the SF.gov design theme.
Bulleted or numbered lists
Ordered (numbered) list
This function creates an ordered (or numbered) list.
Select your text, and then click the insert ordered list button.
Bulleted list
Bullet lists creates an unordered or bullet list.
Select your text, and then click the insert bulleted list button to select from the bullet list symbols.
Quotes
Formatting text as a quote places it in a light gray box on the live page.
Highlight text and click the quotation mark icon.
Line breaks and paragraph breaks
To create breaks in your body text:
Arrow icon
Adds a line break and starts the next line directly below the first, with no space between them.
This is known as a "soft return." This text is all part of the same paragraph, so the same paragraph style (normal, heading, etc.) applies on both sides of the line break.
Enter (Return)
Ends a paragraph and starts a new one. A new paragraph will begin with a full line of space between paragraphs.
This is known as a "hard return."
Document
Use the Document picker when linking to documents in SF.gov. The URLs of files change when you replace a document with a newer version. Avoid manually hyperlinking using the file URL when the document picker is available. Unlike in Drupal, you cannot change documents but keep the same file URL.
Using the document picker
The document picker looks like a dark grey document icon.
Click on the Document icon
Either:
Search for a previously uploaded document, OR
Upload a new document. See Add PDFs to SF.gov
When you select a document in a text field, the link text will be the same as the title of the document in the CMS.
Hyperlinks
Use a hyperlink to open another page on your site, open a page on an external site, or to launch a mail-ready email in your user’s email client.
Create Hyperlink
To create a link within the Body of your content item:
Highlight the text you want to hyperlink.
Click the Link icon (or Ctrl+K on PC or Command+K on Mac) to open the Link window.
Add a link
A new window will open asking you to choose between Internal link and External link.
Choose Internal link if the page you are linking to is on SF.gov
Choose External link if you're linking to a page on another website
Removing links
To remove a link within the Body of your content item:
Highlight or click on the text or image that has the link you want to remove.
Click the Unlink icon.
This removes the link from your text or image.
Last updated