Text

To add text content to your page, in the components tab you will first select “Add Text” toward the bottom of the page.

Below you will find information about the fields available for this component.

Screenshot of backend text component in Drupal

Text Formatting: you can see the available formatting icons along the top of the editor. They include:

  • Heading style
  • Bold
  • Italic
  • Strikethrough
  • Superscript
  • Subscript
  • Link
  • Unlink
  • Anchor link
  • Bulleted list
  • Numbered list
  • Alignment
  • Table
  • Block quote
  • Add PDF
  • Insert Abbreviation
  • Remove formatting

You may also select “Source” to access the html and use the following html tags:

List of html tags

Once saved, your text component will look like this:

Screenshot of text component live

Adding Linked Files

Generally, you should avoid presenting content as linked files as these are difficult to make accessible and can also interrupt the reading experience in mobile and other browsing modes. When possible, add content to the website as Text and Image content as you see on this page. That said, there are some contexts where a PDF file is unavoidable, such as for a form that must be printed out with particular alignment and spacing. In these cases, PDF files can be added to the site. For maximum compatibility, only PDF files can be uploaded.

Note also that all files uploaded to the site are world-readable and cannot be made private or password protected. If you need to share files with particular cohorts you can share them with appropriate access restrictions via OneDrive, GoogleDrive, or MiddFiles and link to the file from the website.

Before you begin, type the text you’d like to use for the link to the PDF in the editor and highlight this text.

An image of the WYSIWYG editor for a Text component. The cursor is placed over the button third from right which has the label "Add PDF (Ctrl+K)".

To embed a link to a PDF file, use the “Add PDF” button in the editor to open up the dialog that allows uploading a file or selecting an existing file.

The Add PDF dialog is open and the word "request" is typed in the URL text field with three documents shown matching the query.

After pressing the “Add PDF” button, you will be presented with a dialog for upload a new file (only PDF files are allowed) or inserting a link to an existing file. To link to an existing file, begin typing its name in the URL text field. A list of PDFs matching your query will appear. Select the one you’d like, and then click the Save button.

To upload a new PDF, click the “Upload a PDF” button and then the “Browse” button to find a PDF on your computer to use. Once uploaded, use the “Save and Insert” button to add a link to the PDF to the content you’ve highlighted.

The Add PDF dialog with the Upload a PDF button visible.

The Add PDF dialog with the Browse button displayed.

The Add PDF dialog with the Browse button displayed.

Details

Article ID: 243
Created
Thu 2/17/22 1:24 PM
Modified
Tue 2/14/23 2:47 PM