HTML Editor views

The HTML Editor has three ways in which you can view content: Design view, HTML Source view, and Preview.

The Design view loads automatically when you access the HTML Editor. To open the HTML source view or preview, click the HTML Source Editor or Preview icons at the bottom of the HTML Editor.

Tip  Use the Toggle fullscreen mode icon in the bottom left corner of the HTML Editor to maximize or minimize the default design view. You can also click and drag the bottom right corner of the HTML Editor to resize the HTML Editor.

Design view

Use the HTML Editor to quickly create and format content without prior knowledge of HTML. Enter your content and use the available controls to apply formatting to your text, insert images and tables, and create links. Click the Show/Hide All icon to view additional controls.

Design view

If you already composed your content as text in another application (such as a word processor), you can copy and paste unformatted content into the HTML Editor.

Important  We strongly recommend that you remove any formatting before copying and pasting text into the HTML Editor, especially: numbered or bullet lists, tabs, headers and footers, page numbers, and text with similar formatting. Copying formatted text from word processing applications and pasting it into the HTML Editor might add disruptive code to the application.

Source view

Click the HTML Source Editor icon to display the HTML Source Editor. This view displays the code that structures and formats your content. Use this view if you have experience with HTML and prefer to author your content in HTML or want to apply styles from a cascading style sheet (CSS). If you developed HTML-based content in another application, you can also copy and paste that code into the HTML Source Editor.

HTML Editor Source view

Note  The HTML Editor removes the <title> tag and text associated with that tag from user-generated web documents since it is not applicable to content in the system.


Click the Preview icon to display a preview of your HTML content in a new window. This allows you to preview content and ensure that it displays as expected prior to saving any changes.



Desire2Learn Help | About Learning Environment