Blackboard - The content editor

Målgruppe: Medarbeidere Tema: Undervisning

This guide gives an introduction to the content editor, which is found several places in Blackboard Learn.

Norsk versjon - Blackboard - Verktøyet for innholdsredigering

Topic page about Blackboard | Pages labeled Blackboard

What is the content editor? #

The content editor allows instructors to add descriptions of other content which they create or link to. It is the text box which appears when adding new content to your course. In many cases it will be sufficient to use the editor to add a plain, descriptive text, but you also have the option of doing more advanced editing, such as adding links and embedding files, audio, images, video and external resources. It is also possible to use the content editor to format content using HTML and CSS, such use is mainly for experienced users and will not be covered in any depth by this guide.

Overview #

The content editor has to modes: a simple and an advanced mode. In the simple mode only a single row of buttons is visible. Enter advanced mode by clicking on the icon shaped as a double chevron on the right hand side of the editor. 

Screenshot. The "Show more" icon.

Screenshot. Buttons for increasing the available workspace

In advanced mode to more rows of buttons are available.

To increase the available work space, either click on and drag the bottom right-hand corner (D) to adjust the height, or enter full screen by clicking the icon with four arrows (C) poiting towards the corners.

 To preview content while you are working on it, press the Preview (A) icon, shaped as a computer screen.The icon shaped as an i (B) will open a pop-up window with descriptions of what the other buttons do. Note that this help also includes some buttons which are not available in the content editor found in the NTNU installation of Blackboard Learn. For a short description of what each button does, let the cursor rest a second over a button a short, explanatory text appears:

Screenshot. Hover over text.

Working with text #

Most of the content editor buttons are recognizable from Microsoft Word and other text editor software and will not be covered in this guide. These are:

  • formating such as bold, italic, underlined, strikethrough, superscript and subscript
  • buttons for heading styles
  • choices for font and font size
  • bulleted and ordered lists
  • buttons for text and background colour
  • buttons for copying, cutting and pasting text
  • undo and redo buttons
  • buttons for justifying and for aligning text to the left, center and right
  • buttons for creating and removing an indent
  • a button to add symbols and a button to show or hide non-printing characters
  • buttons for formating tables

When you work in the editor you can paste text, including tables, from other sources, such as from web pages or friom Microsoft Word. It maybe useful to learn the shortcut keys for cutting (Ctrl/Cmd+X), copying (Ctrl/Cmd+C) and pasting (Ctrl/Cmd+V) text. 

When you right-click on text or other content, you will see a context menu with options adjusted to the given content. In the image below, the user has right-clicked on a link and consequently the contex menu gives the option of editing or removing that link.

Screenshot. Link context menu

Linking to and embedding content #

Links and files #

The content editor has two buttons which have more or less the same functionality, letting you link to web pages as well as files: the link icon (Insert/Edit Link) and the paper clip icon (Insert File). 

Screenshot. Icons for adding links and files

Which button you use is a matter of personal preference but note that

  • To use the link button (B) you must first select the text which is to be your link text. This method allows you to link up only one file or web page at the time.
  • WIth the paper clip button (A) you can add several files or web pages at once. These will be placed at the cursor's position, without space inbetween and using the file name/URL as link text. If you click this button while having selected text, the selected text will be overwritten rather than becoming link text. 

To use the link icon, follow this procedure:

  1. Select the text you wish to use as link text
  2. Click on the link icon (Insert/Edit Link), and the following window appears: Insert link
  3. Specify the link path (1). Note that this can be a web page (a URL) or a file that you locate on you computer or in the Content Collection. If you select a file from your computer, this will be uploaded to Blackboard Learn and receive a URL whch is fed into the link path field.
  4. Under Target (2), specify whether the link should open in current or in a new window.
  5. Title (3) is the text which is shown when the cursor rests over the link.
  6. Let Class (4) remain Not Set
  7. Click Update (5) to insert the link.

To use the paper clip icon, follow this procedure:

  1. Place the cursor where you want to add a file to the text. Not that if you select text before clicking the paper clip icon, the selected text will simply be overwritten.
  2. Click the paper clip icon (Insert File) to get this:
  3. Screenshot. The paper clip icon.
  4. Choose Browse My Computer (1), Browse Content Collection (2) or give a Source URL (3).
  5. Choose alternative text (2)
  6. Choose if you want it to open in a new window (3)
  7. Repeat to add more files. The new files will show under the one you have already uploaded (4).
  8. Click Submit (5).

If you choose to put in two or more files or links together at the same time, you need to edit this retrospectively.

Pictures #

To insert pictures, follow this procedure:

  1. Click the picture icon (1):

    Screenshot. The picture icon.
  2. Set Image URL (2). This can be an URL or a file from your Computer or from Content Collection. If you chose a file from your computer this will be allocated an URL that automaticly is put in Image URL field.
  3. Set an Image Description (3). The Image Description is used by people with disabilities that can't see the pictures.
  4. Add a Title (4), this is what comes up when you hover the picture.
  5. Now, you can either Insert and add the picture, or you can go to Appearance (1). Here you will find alternatives for image size and placing: Screenshot. Image apperance.
  6. The placement of pictures is chosen under Alignment (2). Dimensions (3) gives the size of the pictures in pixels. Vertical Space and Horizontal Space (4) gives the space in number of pixels from the picture and to other content horizontaly and vertically. Border (5) set the number of pixels of the width of the border. Click Insert (6) to add the picture.

Video #

To add a video, follow this procedure:

  1. Add a video by clicking the Video icon: Screenshot. The video icon.
  2. At File/URL (1) add a URL or choose a file from My Computer or Content Collection. Type will adapt to the file or URL that is added.
  3. Dimensions (2) set the pixel size of the video. Once a video is uploaded this field is already filled in.
  4. Click Insert to add the video.

Mashups #

Mashups are social media elements that combines items from two or more sources. In the content editor this function has its own Mashup button:

Screenshot. Mashups.

By clicking Mashups we are able to choose between Flickr Photo, SlideShare Presentation and YouTube Videos. All of these are integrated in Blackboard Learn and will let you search for their content without leaving Blackboard.

To add a SlideShare-presentation, follow this procedure:

  1. Screenshot. Adding slideShare presentation.
  2. Start by adding Search type (1). Here you can choose; text which is found in the presentation (Full text), words that the presentation is tagged by (Tags only) or if you have the URL of a specific presentation (Specific presentastion (URL)).
  3. Set the search word; Search (2).
  4. If you only want presentations with a sertain language, specify this under Language (3)
  5. Hit Go (4) and the search results will appear below.
  6. If you want to, the search results can be Sorted By Relevance (5) or sorted by License (6).
  7. You can also Preview (7) the presentations.
  8. When you have found the presentation you want, press Select (8).

Pressing Select opens a new window:

  1. Screenshot. Alternatives for Slide Share presentations.
  2. Set the Name (9) you want for the presentation.
  3. At View (10), choose how you want to integrate your presentation. Your choices are; a miniature picture that the students can click on and start the presentation (Thumbnail), a link which opens presentation (Text Link with Player) or that the presentation is embeded and can be presented directly (Embed Presentation).
  4. You can also choose to Show SlideShare URL or Show SlideShare information (11)
  5. If you want you can press Preview (12) to show how the students will see it.
  6. Press Submit (13) and the presentation is put in the content editor.

Embedding content using its HTML code #

It is also possible to embed other sources than those found in Mashups. Other applications such as Padlet, Quizlet or Mazemap can be integrated in Blackboard using an HTML code available for copy by the applications. To find the HTML code, look for the symbols like those below from Mazemap. These are usually found at the Share-button:

  1. Copy the code: Screenshot. Finding HTML code.
  2. Go back to the content editor and press the HTML button: Screenshot. Alternatives for Slide Share presentations.
  3. Paste the code (ctrl + V, or right click and choose Paste), and click Update.
  4. A yellow box indicates that the item has been placed in the content editor. Press Send to continue.

How to Preview and Edit embedded items #

When the items are embedded you can only see them as a yellow box as long as you are in the content editor. To get a preview of the content, press the preview symbol:preview embedded items
To change the size of the items you can click the box and drag the frame (be aware that if you are in chrome you might have to right click to be able to chose the box): Change size of item
This will however not change the propositions of the item. A way to do this is either by right clicking the frame and choosing Edit Embedded Media, or by clicking the icon to the left:edit embedded items
Here you will be able to choose the precise pixel size and to choose to alter the proportions.

See also #

Contact #

Orakel Support Services can help if you have questions or if you encounter difficulties.

87 Vedlegg
2607 Visninger
Gjennomsnitt (0 Stemmer)