Blackboard - The content editor
This guide gives an introduction to the content editor, which is found several places in Blackboard Learn.
Norsk versjon - Blackboard - Verktøyet for innholdsredigering
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.
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.
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:
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.
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).
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:
- Select the text you wish to use as link text
- Click on the link icon (Insert/Edit Link), and the following window appears:
- 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.
- Under Target (2), specify whether the link should open in current or in a new window.
- Title (3) is the text which is shown when the cursor rests over the link.
- Let Class (4) remain Not Set.
- Click Update (5) to insert the link.
To use the paper clip icon, follow this procedure:
- 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.
- Click the paper clip icon (Insert File) to get this:
- Choose Browse My Computer (1), Browse Content Collection (2) or give a Source URL (3).
- Choose alternative text (2)
- Choose if you want it to open in a new window (3)
- Repeat to add more files. The new files will show under the one you have already uploaded (4).
- 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.
To insert pictures, follow this procedure:
- Click the picture icon (1):
- 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.
- Set an Image Description (3). The Image Description is used by people with disabilities that can't see the pictures.
- Add a Title (4), this is what comes up when you hover the picture.
- 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:
- 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.
To add a video, follow this procedure:
- Add a video by clicking the Video icon:
- 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.
- Dimensions (2) set the pixel size of the video. Once a video is uploaded this field is already filled in.
- Click Insert to add the video.
Mashups are social media elements that combines items from two or more sources. In the content editor this function has its own Mashup button:
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:
- 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)).
- Set the search word; Search (2).
- If you only want presentations with a sertain language, specify this under Language (3)
- Hit Go (4) and the search results will appear below.
- If you want to, the search results can be Sorted By Relevance (5) or sorted by License (6).
- You can also Preview (7) the presentations.
- When you have found the presentation you want, press Select (8).
Pressing Select opens a new window:
- Set the Name (9) you want for the presentation.
- 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).
- You can also choose to Show SlideShare URL or Show SlideShare information (11)
- If you want you can press Preview (12) to show how the students will see it.
- 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:
- Copy the code:
- Go back to the content editor and press the HTML button:
- Paste the code (ctrl + V, or right click and choose Paste), and click Update.
- 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:
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):
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:
Here you will be able to choose the precise pixel size and to choose to alter the proportions.
See also #
Orakel Support Services can help if you have questions or if you encounter difficulties.