This guide explains what the Learning Space text editor is and how to use each of it's features.
- What is the text editor?
- Show more buttons
- Paragraph styles
- Custom styles (date, info, warning and alerts)
- Bold & italics
- Bullet points and numbered lists
- Manage files
- Subscript & superscript
- Outdent & indent
- Aligning text
- Special characters
- Clear text formatting
- Undo / redo
- Accessibility checker
- Screenreader helper
- Further Support
What is the text editor?
You will use the text editor in Learning Space every time you interact with an activity. It has a lot of features which will help you display text, media and links. The functionality of each of the buttons in the image below is described in more detail within this guide.
Show more buttons
Only the top row of buttons is shown by default. To show the lower two rows, click this button.
Using the "Paragraph styles" button you can format text in a few ways. Highlight the text you would like to format and choose one of the following options from the list:
Custom styles (date, info, warning and alerts)
Using the "Styles" button you can format the text to make them more visible, and contextual. Highlight the text you would like to format and choose one of the following options from the list:
IMPORTANT: Once you have finished typing your message, ensure that you hit the styles button again to escape from the styling.
Bold & italics
Text can be Bold, italic and both. Highlight the text you would like to format and click the relevant formatting choice.
Bullet points and numbered lists
Text can be ordered into bullet points or numbered lists. Highlight the text you would like to format and click the relevant formatting choice.
You can link to any URL by using the "Link" button:
- Highlight the text that you would like make the link and click the "Link" button
- In the "Enter a URL box", type or paste the URL of the destination.
- Tick the option to 'Open in new window' if the link will take the user outside of Learning Space
- Click "Create link"
To remove a link from text, highlight the text and click the "Unlink" button, or simply delete the text if it is no longer required.
You can insert images into your text using this button. Follow the guide here for instructions.
Alternatively you can drag and drop the image ont the text editor to insert it. To then enter a description and change the dimension you should click the image to highlight it, then click the "Image" button from which the image properties will pop-up
You can insert media (videos, audio etc) into your text using this button. Follow the guide here for instructions.
If you would like to embed media into your text, you can paste the embed code from the video (on YouTube or Vimeo etc) into the html. See the HTML section for more information.
Clicking this button will take you to the "Manage files" area where you can upload new files, and remove old ones. If you upload files here, you will be able to choose them from the "Embedded file" section of the File picker when inserting links, images and media.
Text can be underlined. Highlight the text you would like to format and click the relevant formatting choice.
Text can be of type
strikethrough. Highlight the text you would like to format and click the relevant formatting choice.
Subscript & superscript
Text can be of type subscript and superscript. Highlight the text you would like to format and click the relevant formatting choice.
Outdent & indent
Text can be outdented & indented. Highlight the text you would like to format and click the relevant formatting choice.
Text can be aligned left, centre or right. Highlight the text you would like to format and click the relevant formatting choice.
Use this button to insert any special symbols and characters that you may not have access to via your keyboard.
Use this button to insert a table into your text. A table can be edited in more detail by modifying its HTML, check the HTML section below for more details.
Clear text formatting
Using this button will clear all text formatting. This means that any text that is bold, underlined, subscript etc etc is returned to non-formatted text.
Undo / redo
As you would expect, these buttons undo and redo recent actions. Click them to undo a change, or to redo one that you previously 'un-did'.
Clicking this button checks the content of the text editor for any accessibility issues. It will identify things like images without descriptions, colours that don't have enough contrast between the text and the background and so on. Use this tool to check your content before releasing it.
Clicking this button helps you to determine if the content in the text editor will be easily read by a screen reader. It points out the links that exist within the text so you can see what the screen reader will read out loud. Links like "click here" can often be read out of context by a reader so try to always make a link as descriptive as you can.
Clicking this button will take you into the HTML view of the text editor. Here you can add HTML code, for example some embed code for a video. Locate the point at which you would like the video to display on the page, and paste the embed code that you have copied from the source. On YouTube and Vimeo you will find the code in the Share area.
For any further guidance please contact the Educational Technology team firstname.lastname@example.org.
Please report any issues with this guide to email@example.com.