Content Editor

From e-Learning Documentation

(Difference between revisions)
Jump to: navigation, search
(Where can you find the Content Editor?)
Line 6: Line 6:
**Within a folder, click '''Add''' and then click '''Create HTML Page'''. Be aware that if you insert an image or link to other files in Resources using this Content Editor, the links will be broken when you import the content into future semesters ''unless'' you use [[Re-use Content in New Semester#Create_Relative_Links|relative linking]]. The links will look fine to the instructor, but students cannot access them.  
**Within a folder, click '''Add''' and then click '''Create HTML Page'''. Be aware that if you insert an image or link to other files in Resources using this Content Editor, the links will be broken when you import the content into future semesters ''unless'' you use [[Re-use Content in New Semester#Create_Relative_Links|relative linking]]. The links will look fine to the instructor, but students cannot access them.  
*Home  
*Home  
-
**Click '''Options'''. Here again, if you insert an image or link to other files in Resources using this Content Editor, the links will be broken when you import the content into future semesters. Relative Linking is ''not'' an option in this Content Editor.  
+
**Click '''Options'''. Here again, if you insert an image or link to other files in Resources using this Content Editor, the links will be broken if you copy and paste the content into future semesters. Relative Linking is ''not'' an option in this Content Editor.  
*Lessons  
*Lessons  
**When adding Content Items, one option is to "Create an HTML Page" which opens the editor. If you insert an image using this Content Editor, the links will copy from one semester to the next with no problems because the Lessons tool actually imports those files into the Lessons tool inventory.  
**When adding Content Items, one option is to "Create an HTML Page" which opens the editor. If you insert an image using this Content Editor, the links will copy from one semester to the next with no problems because the Lessons tool actually imports those files into the Lessons tool inventory.  

Revision as of 18:39, 4 October 2012

The Content Editor is not a tool that you will find in the toolbar, or the list of tools that can be added or removed from the toolbar, but every tool provides a Content Editor for your use in formatting the content you create within e-Learning.
x
When you use the Content Editor, you are creating HTML that is viewed in e-Learning without students needing to open a MS Word document, a PDF document or other type of file. This type of Content Editor is called a WYSIWIG (What You See Is What You Get) editor, which means that you can create HTML without knowing any HTML coding. You use the icons at the top of the screen to format your content and the Editor automatically inserts the HTML code in the background. If you are comfortable creating an MS Word document, you should experience little difficulty in using the Content Editor. Note: For advanced users that are using HTML, please see Unsupported Tags

Where can you find the Content Editor?

Note:You can copy text from a MS Word document into the Content Editor to quickly convert MS Word to HTML. Make sure you use the "Paste from Word" Paste-from-word.png icon to preserve formatting and remove coding text.

Inserting Video from YouTube using the Content Editor

NOTE: Several other video sites such as vimeo.com and TED.com also offer embed code, but they don't offer some of the options that YouTube does. Embedding videos from these sites is much the same process and should play fine within e-Learning.

If you embed your video into the HTML code in the Content Editor, students can play the video without seeing all links to other videos and comments that they would see if you simply linked to the YouTube video.

YouTube's new <iframe> embed code is not compatible with some older browsers. If you want a video to play across all browsers, you will need to use the YouTube’s old <object> code.

  1. On the YouTube video's page, click the Share button.
    Youtube embed settings.png
  2. In the options, make sure that you put a check mark next to both "Use old embed code" and "Use HTTPS".
  3. Copy the selected embed code.
  4. In your course, place your cursor in the content editor where you want the video to appear. If this is after a paragraph of text, make another line.
  5. Click Source at the upper left part of the Content Editor. This reveals the HTML source code. NOTE: If you paste the embed code into the Content Editor without going to "Source" first, the finished document will show the embed code rather than the video.
  6. Paste the selected text
  7. Click Source to return to the Content Editor and finish your document.
Personal tools
Namespaces
Variants
Actions
Navigation
Toolbox