Content Editor

From e-Learning Documentation

Revision as of 20:13, 10 May 2011 (view source) Pchap (Talk | contribs) (Created page with "Throughout Sakai, you will see the "Content Editor." x When you use the Content Editor, you are creating HTML that is viewed in Sakai without ...") ← Older edit		Latest revision as of 18:40, 4 October 2012 (view source) Jolaine (Talk | contribs) (→Where can you find the Content Editor?)
(11 intermediate revisions not shown)
Line 1:		Line 1:
-	Throughout Sakai, you will see the "Content Editor."	+	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. [[Image:Content-editor.jpg|center|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 [[Html tags|Unsupported Tags]]
-	[[Image:Content-editor.jpg|center|x]]	+
-	When you use the Content Editor, you are creating HTML that is viewed in Sakai 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.	+
	== Where can you find the Content Editor?  ==		== Where can you find the Content Editor?  ==
	*Resources		*Resources
-	**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 file inventory.
-	*Syllabus, all Communication tools, Assignments and Tests & Quizzes tools provide a Content Editor for formatting text. 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'''.	+	*Syllabus, all Communication tools, Assignments and Tests & Quizzes tools
-	*Assessments tool also provides a Content Editor for the Question Text. Images inserted into the question text using this Content Editor copy fine from one semester to the next because the Assessments tool actually copies those files into its own file manager. '''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" [[Image:Paste-from-word.png]] icon to preserve formatting and remove coding text.	+	**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.
		+	*Assessments
		+	**Images inserted into the question text using this Content Editor copy fine from one semester to the next because the Assessments tool actually copies those files into its own file manager.
-	'''Note: '''For advanced users that are using HTML, please see [[Html tags|Unsupported Tags]]	+	'''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" [[Image:Paste-from-word.png]] icon to preserve formatting and remove coding text.
-	<br>	+	== 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 &lt;iframe&gt; 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 &lt;object&gt; code.
		+
		+	#On the YouTube video's page, click the '''Share''' button.<br>[[Image:Youtube embed settings.png]]
		+	#In the options, make sure that you put a check mark next to both "Use old embed code" and "Use HTTPS".
		+	#Copy the selected embed code.
		+	#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.
		+	#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.
		+	#Paste the selected text
		+	#Click '''Source''' to return to the Content Editor and finish your document.

---

Latest revision as of 18:40, 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. 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?

• Resources
  • 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 relative linking. The links will look fine to the instructor, but students cannot access them.
• 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 if you copy and paste the content into future semesters. Relative Linking is not an option in this Content Editor.
• 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 file inventory.
• Syllabus, all Communication tools, Assignments and Tests & Quizzes tools
  • 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.
• Assessments
  • Images inserted into the question text using this Content Editor copy fine from one semester to the next because the Assessments tool actually copies those files into its own file manager.

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" 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.
   
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.