Career Connections

Text Alert

Get Connected

HTML Editor


 HTML Editor

The Desire2Learn HTML Editor is a powerful tool found throughout the Learning Environment that aids in the creation of formatted HTML content. When you use D2L's  "Add Content > New File" tool, you are creating an .html file in D2L's HTML editor.

 Accessing the HTML Editor | HTML Editor Tabs | Using the HTML Editor


 Accessing the HTML Editor

The HTML Editor is integrated with all tools in the Learning Environment where HTML content is created. This includes Content, Discussions topics, creating custom instructions for Dropbox folders, and creating Content topics.

To access the HTML editor, do one of the following:

  • Create a "New File" in the Content area.

  • Click on any applicable text field and start typing your content.

  • Click the Publish icon to finish.

    D2L_10.2_HTML 1

 

Note: Some tools in D2L will activate the HTML Editor automatically.  Such tools include the Content and Widget Management tools.  Just click on the main window of the HTML Editor and type in the box.


 HTML Editor Tabs

You can toggle between the Basic and Advanced tabs within the HTML Editor to change which tools are displayed. 

Basic Tools: Spell Check; Text Formatting (Bold, Italic, Underline); Text Alignment (Left, Center, Right, Justified); Bullets; Numbers; Insert Table; Insert Image; Insert QuickLink; Insert Object

Advanced Tools: Cut; Copy; Paste; Paste as Plain Text; Paste from Microsoft Word; Undo; Redo; Text Formatting (Bold, Italic, Underline); Text Alignment (Left, Center, Right, Justified); Bullets; Numbers; Indent; Horizontal Ruler; Subscript; Superscript; Strikethrough; Directions (left to right, right to left); Font Formatting (font, size, etc); Insert Table; Insert Image; Insert Special Character; Insert Equation; Insert Object; Insert QuickLink; Spell Check

D2L_10.2HTML2

Back To Top

 


 Using the HTML Editor

The HTML Editor contains many tools to help you create your own content for your course.  Some of the important tools included in the HTML Editor are as follows:

  ltc_d2l_html_cut


Cut
: Cut selected text

  ltc_d2l_html_copy


Copy
: Copy selected text

  ltc_d2l_html_paste


Paste
: Paste cut/copied text

  ltc_d2l_html_pasteplain


Paste as Plain Text
: Paste cut/copied text as plain text (removes formatting)

  ltc_d2l_html_pasteword


Paste from Microsoft Word
: Paste text cut/copied from Microsoft Word (retains formatting)

  ltc_d2l_html_table


Table
: Insert a customizable table

  ltc_d2l_html_image


Insert Image
: Embed an image from your computer or from your course

  ltc_d2l_html_equation


Equation
: Insert a mathematical equation

  ltc_d2l_html_object


Insert Stuff
: Embed an object, such as a video or mp3, from your computer or from your course

  ltc_d2l_html_quicklink


QuickLink
: Insert a link to a course content or to an external website

  ltc_d2l_html_fullscreenjpg


Full Screen
: Use the HTML Editor in full screen view mode

  ltc_d2l_html_copy


Preview
: Preview your HTML Content in a new window

  ltc_d2l_html_htmlsource


HTML Source
: Edit the HTML Source code (experienced users only)

Note: You can hover your mouse over a tool icon and a description will pop up.


Make sure you remember to save your HTML Editor content by clicking the Save button at the bottom of the Editor window.

Back To Top

 

 

Using Insert Image Feature

The "Insert Image" tool assists with embedding images from a variety of sources.

D2L_10.2_HTML6


Using Insert Stuff Feature

The “Insert Stuff” tool assists with embedding media content and web links from a variety of sources. The “Insert Stuff” tool can be used wherever the HTML Editor is used. It can be found on both the Basic and Advanced tabs of the HTML editor. 

D2L_10.2_HTML3

My Computer

1. Select the My Computer icon on the left side of the screen, click the browse button next to the search bar.

2. Select the file you wish to upload and click Open.

D2L_10.2_HTML4

3. Add text to go along with the link, if desired, then click the Insert button in the bottom left corner of the page.

Back To Using HTML Editor

 

 

Course Offering Files

1. Select the Course Offering Files on the left side of the screen.

2. Select the file you wish to upload, specify the media type, and click Next.

D2L_10.2_HTML4

3. Create link text, alternative link text, and specify whether or not the item is decorative. (You also have the option to choose whether or not the audio will play automatically when the page is opened.)

4. Preview the audio, if you wish, and click Insert.

D2L_10.2_HTML5

Back To Using HTML Editor

 

 

YouTube

1. Click the YouTube icon on the left side of the screen.

2. Perform a search for what it is you're looking for, click on your desired video and click next

LTC_d2L_HTML5

3. Preview the video, click insert.

LTC_d2L_HTML6

Back To Using HTML Editor

 

 

Flickr

Flickr is an image hosting site that you can utilize to add an image to a post via the Insert Stuff tool. To add a Flickr image, do the following:

1. Click the Flickr icon on the left side of the screen

2. Perform a search, click on your desired image, then click Next in the bottom left corner of the screen.

LTC_d2L_HTML7

3. Add alternate text for the image and specify whether or not it is decorative.

4. When you are satisfied with the image, click Insert.

LTC_d2L_HTML8

Back To Using HTML Editor

 

 

Insert Link

1. Click the Insert Link icon on the left side of the screen.

2. Type or paste the URL desired into the text box, click next.

LTC_d2L_HTML9

3. Add link text, preview if you wish, then click Insert

LTC_d2L_HTML10

Back to Using HTML Editor

 

 

Enter Embed Code

You can copy the embed code of videos, pictures, audio etc. by right-clicking the item and clicking "copy embed html." To do this through the Add Stuff feature, follow these steps:

1. Click the Enter Embed Code icon on the left side of the page.

2. Paste the copied embed html into the text box. Click Next

LTC_d2L_HTML11

3. Preview the embedded content, click Insert.

LTC_d2L_HTML12

Back To Top

ltc_d2l_home