Content Editor

Page last updated:
07 Feb 2023

This is a staff guide to using the content editor in MyBeckett modules and course groups

The Content Editor allows you to add and format text, insert equations, embed videos, web links, attach files and more.

The Content Editor was updated on 5 November 2020, please note we are in the process of updating our guidance and the information, if you are unsure of what has changed or find you cannot do tasks in the same way, please get in touch.

The updated toolbar has some new icons on the last row, providing quick access to common tasks.
While writing text instructions and providing links to resources, you will be able to check accessibility, preview before saving and inserting files from your computer or OneDrive.

The Content Editor toolbar:

Content Editor updated Toolbar

The most important improvement is the Plus icon at the end of the toolbar, which replaces the paperclip button, add media buttons and Mashups. 

Plus Icon in MyBeckett toolbar

The Plus button allows you to add content from various common sources:

  • Upload from your device (Insert from Local files)
  • Insert from Content Collection
  • OneDrive (Cloud Services)
  • YouTube

Plus icon add content from various sources

Embed multimedia and website links / URLs via the text box

Speed up the process of adding content by adding weblinks, images and videos in the text area, Just paste in the URL of a website/video/image followed by pressing enter

Everything in one place with Content Item

You can create a content item that combines a variety of materials to view together, such as text, multimedia, and attachments making it easier for your students to engage, presenting a combination of content that serves as a handout or document with visual aspects.

For example, in one content item, you can include introductory text for a lesson, an image, a table of data, and links to web resources. The materials are all presented together in the content list.

*Please be aware that the longer your content item is, the more your students have to scroll to see all the other materials in the content area.

Check content for spellings and Accessibility

Manually check your content for errors by using the Spell Checker button (Please note this is no longer automatic).

Spellchecker button manual functionality

Quickly use the Accessibility button to assess if your new content item or update is accessible before publishing.

Accessibility Checker Icon in Content Editor

The following will describe the toolbar icons and function of each button.

The toolbar Tools options in order: 

  • Bold selected text
  • Italicise selected text
  • Underline selected text
  • Strikethrough selected text
  • Format style: drop down options to choose a style such as Heading, Sub-header or Paragraph (by default)
  • Font type selector (Arial by default)
  • Font Size type selector (14 point by default)
  • Bullet point type selector
  • Number list type selector
  • Change the font colour and the background (NB: Note on accessibility requirements)

 In Content Editor you can change the Text and Background colour: click the 'A icon' to change colour of the text and the pencil icon to change the colour of the Background

Cut and Paste: Copy and paste URLs now automatically convert into embedded media content from popular websites.  With an option to retain all source information when copying from Word and Excel with any images and weblinks.

Example of the cut, paste and find function in Content Editor 

Spell checker: This has changed to be manual and is no longer automatic. Click the down arrow to select a different language.

Spellchecker button manual functionality

Hyperlink: Add new or edit existing hyperlink.  Remove hyperlink from selected text / object.

Link and Unlink icon buttons

Preview before saving:  Open a preview window showing how content will appear after submitting.

Preview Eye icon

The Content Editor allows creation of tables, once a table has been created the other related icons will become available (if grey you will need to click into the table to activate the icons).

Content Editor - Create table - drop down menu options

Choose Insert / Edit Table icon (the first icon in the group with a down arrow).

A description of each of the other buttons will reveal when hover your cursor over them.

Content Editor: Table icons

In order the icons in the toolbar are:

  • Create / edit table
  • Delete table
  • Table Properties
  • Row Properties
  • Cell Properties
  • Insert Row above
  • Insert Row below
  • Delete Row
  • Insert Column left
  • Insert Column right
  • Delete Column
Function Description
Math Editor button

Click to launch the Math Formula Editor please see Section 8 in this guide for a deeper explanation.>

Show Invisible Characters
Click to show all invisible characters. Click again to hide them from view.
Quote Icon
Format text as a block quote.
Special Character icon
Open select special character window. Select a symbol to insert.
Emojicons
Open Insert Emoticon window. Select an emoticon to insert.
Anchor Icon
Position the mouse pointer where you want the anchor to appear and click to open the Insert/Edit Anchor window. Use anchors to position (anchor) other items and objects, such as images.
HTML Icon
Open HTML Code View. You can directly edit HTML code. This feature is for experienced web developers.
 Preview Eye icon Open preview window so you can see how the content will appear after publishing.

a. When you the add links to provide further resources and information within Content Item (for example), always choose the links to open in a new window

Link and Unlink icon buttons

b. To create or update a link you can:

Click the Link to paste in the URL and add descriptive text: This is best practice,  rather than just the URL or website address.  Or select the text in a sentence, or an image then click the Link button to add a URL and add the text  

c. Always choose to open links in a new window. (NB: By default it displays to open in current window. To check click on the link in Preview mode).

Insert a link: change Open Link in a New Tab

Tips:

  • Always choose the links to open in a new window and check to see if  the link works
  • Edit an existing hyperlink to open in a new tab or update the website URL by right clicking on the link.
  • To remove a link, right click to select the text / image and click the remove link button (this will not function - greyed out - if nothing is selected). 

This feature allows you to create and manage formulas in your module. It features: Basic operations, Matrix calculus, Calculus and series, Logic and set theory, Units, Greek alphabet.

A list of all the tabs names and keyboard shortcut in order are as follows, also hover your cursor over each tab when in MathType Toolbar to show the name:

Maths Editor

  • General [Alt+1]
  • Symbol [Alt+2]
  • Arrow [Alt+3]
  • Greek letter and number [Alt+4]
  • Matrices and elementary [Alt+5]
  • Scripts and Layout [Alt+6]
  • Decoration [Alt+7]
  • Big Operators [Alt+8]
  • Calculus [Alt+9]
  • Contextual [Alt+0]