TLTC WYSIWYG Editor

Using the WYSIWYG Editor

WYSIWYG is an acronym for "what you see is what you get." The WYSIWYG editor is a built-in toolbar right in ANGEL that allows you to edit your content the way you want it to appear on the page without needing to know how to format pages in HTML. The toolbar makes it easy to create your pages online rather than copy-and-pasting or uploading a document. It is also easy to make changes directly to the content instead of changing the original document and re-uploading it.

Toolbar Buttons
How do I insert a content link?
How do I insert a web link?
How do I insert a picture or media?
How do I insert a table?

Toolbar Buttons

Top Row:

1   Maximize the editor size
2   Use macros
3   Paste—Use dropdown arrow for undo/redo, cut, and copy
4   Bold
5   Italic
6   Underline—Use dropdown arrow for more options
7   Create a link to other content
8   Create a hyperlink
9   Insert a picture
10   Insert an equation—Use dropdown arrow to access templates, insert a line or insert a page break
11   Insert a table
12   Insert checkboxes, buttons, and other forms

Bottom Row:

1   Create a numbered list
2   Create a bulleted list
3   Align text to the left
4   Align text to the center
5   Change text color
6   Change background color
7   Change the text style
8   Change the text format
9   Change the font
10   Change the size
11   Use spell check
12   Allows you to view and edit the content in HTML format—Use dropdown arrow to preview or save content

How do I insert a content link?

If you have a document that students will need to access, such as a grading rubric, you can upload the content so that it will available as a link. To do this:

  1. Click the Insert Content Link button.(#7 on the top row)
  2. Click Browse at the bottom of the window and locate the file you want to attach.
  3. After you have found the file, click Upload File.
  4. You will see the document listed in the Content Links window. Click the name of the file.
  5. The file should appear as a link in the text box in main window.
Note: You can also type out text in the textbox that you would like to serve as the link. Highlight the text, then press Insert Content Link and follow steps 2-5 above. This way you can name the link to the document whatever you choose.

How do I insert a web link?

If you have a website that students will need to access you can make a link directly from the content you are adding. To do this:

  1. Click the Insert/Edit Web Link button.
  2. Type, or copy and paste the web address that you wish the users to access in the URL text box and click OK.

How do I insert a picture or media?

  1. Click the Insert Picture button. (If you want to insert Media, click the dropdown arrow and select Media.)
  2. Click the Browse Server button at the top of the page.
  3. In the window that opens click Browse and locate the picture/media you want to insert.
  4. Click Upload File.
  5. The file will appear in the URL text box.
  6. Click OK.

How do I insert a table?

Using tables to lay out the information in your page is one way to format your information. Let's say you wanted to insert a picture into your item but you want it to show up on the right side of the screen straight across from textual information. Using a table will allow you to place the picture into a particular place in the page.

To do this:

  1. Click the Insert Table button.
  2. Type the number of Rows and Columns you want. You can also change the thickness of the border by typing in lower or higher numbers in the Border Size section.
  3. Click OK.
  4. You can then insert any content into the table cells.
  5. If you wish to change the shape of the table, simply click on it. You should now see small squares show up in the corners of the table. you can click and drag these handles to adjust the size and shape of the table.