Content Editor – Virtual Text Box Editor (VTBE)

In Blackboard Learn you can upload files, add text, images and web links in various communication tools (blogs, wikis, assignments, journals, e.t.c.) by using the content editor (VTBE). The VTBE – Virtual Text Box Editor contains various tools for text formatting, adding hyperlinks, tables and attaching various types of files such as images. It has two views: The Simple Mode View and the Advanced Mode View. Click on the titles below to expand the tools descriptions.

1. Simple Mode View

This mode contains the least possible set of formatting functions.

Below you can find a table describing each function:

Row 1 Functions Description
Bold the selected text.
Italicize the selected text.
Underline the selected text.
Select the font face for the text. Click the down arrow next to the displayed current font to select from a list of all available fonts.
Select the size of the text. Click the down arrow next to the displayed current font size to select from a list of all available font sizes.
Set the text color. Click the down arrow to select a different text color.
Create a bulleted list.
Create a numbered list.
Begin the automatic spell check. Click the down arrow to select a different language.
Add a new or edit an existing hyperlink.
Remove a hyperlink from the selected text or object.
Opens a preview window showing how the content will appear after submitting.
Open the context editor help information pop-up display.
Expand the content editor window to fill the entire browser frame.
Access the advanced content editor features.

2. Advanced Mode View

This mode contains more advanced functions for formatting and objects attachments. To reveal the Advanced Mode view, click the double arrow button to the right.

Two tables with the row 2 and 3 function descriptions follow:

Row 2 Functions Description
Cut the selected items.
Copy the selected items.
Paste the most recently copied or cut items.
Search for and replace text.
Undo the previous action.
Redo the previous action—available only if an action has been undone.
Align text to the left margin.
Align text in the center.
Align text to the right.
Align text to both the left and right margins.
Move the text or object to the right (indent). Click again to indent further.
Move the text or object to the left (out dent). Click again to out dent further. You cannot out dent text beyond the left margin.
Make the text into a superscript.
Make the text into a subscript.
Add a new or edit an existing hyperlink.
Remove a hyperlink from the selected text or object.
Enter text to the right of the current mouse pointer location (default).
Enter text to the left of the current mouse pointer location.
Add a thin horizontal line to the current mouse pointer position, spanning the entire width of the text area.
Add a thin centered line, setting width, height relative to the current mouse pointer position, and whether to use shadows.
Insert a non-breaking space character at the current mouse pointer position.
Begin the automatic spell check. Click the down arrow to select a different language.

 

Row 3 Functions Description
Add a link to a file in the text box. The Insert Content Link window appears. You can link to the following file types: DOC, DOCX, EXE, HTML, HTM, PDF, PPT, PPTX, PPS, PPSX, TXT, WPD, .XLS, XLSX, and ZIP. You can link to a file from your computer, from Course Files, the Content Collection, or a URL.
Embed an image in the text box or edit an existing selected image. The Insert/Edit Image window appears. You can add the following file types: GIF, JPG, JPEG, BMP, PNG, and TIF. You can add images from your computer, from Course Files or the Content Collection, or a URL.
Embed a media clip in the text box or edit an existing selected media object. The Insert/Edit Media window appears. From the Type drop-down list, select one of the following: Flash (default), HTML 5 video, QuickTime, Shockwave, Windows Media, Real Media, lframe, and Embedded Audio. You can add media files from your computer, from Course Files or the Content Collection, or a URL.
Opens the WIRIS Formula Editor page—the visual math equation editor page.
Add a mashup.
Click to show all nonprinting characters. Click again to hide them from view.
Format the text as a blockquote.
Opens the Select Special Character window. Select a symbol to insert at the current mouse pointer position.
Opens the Insert Emoticon window. Select the emoticon to insert at the current mouse pointer position.
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.
Opens a preview window so you can see how the content will appear after publishing.
Click to open the Insert/Edit Table window.
Click to open the Table Row Properties window.
Click to open the Table Cell Properties window.
Insert a blank row in the table above the current mouse pointer position.
Insert a blank row in the table after the current mouse pointer position.
Delete the current row from the table. If you select multiple rows, all are deleted.
Insert a blank column in the table to the left of the current mouse pointer position.
Insert a blank column in the table to the right of the current mouse pointer position.
Delete the current column from the table. If you select multiple columns, all are deleted.
Merge two or more selected table cells into a single cell.
Split previously merged table cells. If the cell or cells are not ones that were merged, nothing happens.
Click to open the HTML Code View window. Then, you can directly edit the content HTML code. This feature is intended for experienced web developers.
Edit the cascading style sheet (CSS). This feature is included for experienced web developers.

Math Formulas

The Formula Editor provided by WIRIS is a part of the Visual Text Box Editor (VTBE) that enables full mathematical capabilities on Blackboard Learn. Use it for any kind of mathematical equations and problems.

  • Click the double arrow button of the Content Editor so as to view all available tools.
  • Click the button fx so as to activate the Math Editor and use the formulas.
  • By clicking the Manual link you will find a manual for the math editor’s use.

 

Important Notice: The Math Editor is not functional at the moment. This is a known issue for Blackboard and it is planned to be be fixed in a later update.

 

Add a File or a Web Link

Click the Insert File icon located at the third row of tools. The Insert Content Link window appears:

  • Click on Browse My Computer to select a file to upload and click Submit.
  • Click on Browse Course to select a file already uploaded in the course from the Files area.
  • Click on Source URL to upload a web link.

You can link to the following file types: DOC, DOCX, EXE, HTML, HTM, PDF, PPT, PPTX, PPS, PPSX, TXT, WPD, .XLS, XLSX, and ZIP. Single file upload should be up to 100MB.

Add an Image

  • Click the image icon located at the third row of tools. The Insert/Edit Image window appears.
  • In the General tab, click the Browse My Computer button to select an image to upload. You can add the following file types: GIF, JPG, JPEG, BMP, PNG, and TIF. You can add images from your computer, from Course Files or a URL. Optionally, type an Image Description and a Title.

 

Click the Appearance tab to set the image’s appearance:

  • Set the Alignment of the image in relation to the text.
  • Enter the image Dimensions.

Note: an image’s dimensions may approximately be 450-600 pixels.

  • Check the Constrain Proportions to change the image’s size proportionally.
  • Add the Vertical Space of the image from the text, in pixels.
  • Add the Horizontal Space of the image from the text, in pixels.
  • Add a Border for the image, in pixels.
  • The Style displays the HTML code for the appearance settings.

 

 

Add a Mashup

Click the Mashup icon located at the third row of tools. Three options appear:

  • Click on Flickr Photo to search for, upload and embed a link to a photo from Flickr image hosting website.
  • Click on SlideShare Presentation to search for, upload and embed a link to a presentation from SlideShare presentation hosting service.
  • Click on YouTube Video to search for, upload and embed a link to a video from YouTube video-sharing website.