Log In
Loading...
Page List
Campus Pack 3.0

Quick Start GuidesSubscribe to an RSS feed of this content.

 

Editor Tips and Tricks

Edited by Emilie Udell on 12/22/2009 at 11:26 AM, EST.

Editor Tips and Tricks

The following is a list of tips and tricks that will assist you in formatting content in your blogs and wikis using the graphical text editor. This editor is designed for rendering HTLM content and works similarly to a MS Word editor. However, there are some features you may not be familiar with.

 

Resizing the Edit Box

 

 

1.      On the bottom right above the Save button, click (resize) and drag the button vertically to resize the text box.

      2a. You can also click  (toggle full screen mode) to preview the content in full screen mode before saving.

      2b. Click the Toggle Full Screen Mode button again to return to the edit mode to save.

 

Deciphering Editor Buttons

 

 

If you mouse over the buttons in the text editor toolbar, a text pop-up displays. For instance, if you mouse over , a text pop-up displays Undo.” For a complete explanation of the buttons in the toolbar, refer to the Understanding the Text Editor Quick Start Guide.

 

Most of the buttons on the third row of the text editor toolbar concern table functions and may be grayed out. You must first click  to insert a new table. The other buttons that address row and cell properties, inserting and deleting rows and columns, and splitting and merging cells will become available.

 

Setting Global Styles

 

 

1.       Before editing the text, click  to display the Edit CSS Style dialog box.

2.       On the Text tab, select the Font option (e.g., Arial, Times New Roman), the Size option, and the Color option.

3.       On the Background tab, select the Background color option, the Background image, and the Horizontal position

          and Vertical position options.

         Other tabs, such as Block , Box, Border, List and Position, apply various global settings to the page.

4.       When done, click the Update button to apply the changes to all of the content on the page.

 

You may determine that certain sections of text or words require different font, size, or color options. Apply these settings individually after you have edited and applied the global styles.

 

Cutting, Copying and Pasting Using Firefox

 

 

Pasting Text from Another Document

 

 

With a Firefox browser, you may receive the following error message when using the  (cut),  (copy), and  (paste) buttons: “Cut/Copy/Paste is not available in Mozilla and Firefox.” Instead use keyboard shortcuts to perform the cut, copy, and paste functions directly in the text box or in the dialog box. Use ctrl + x to cut, ctrl + c to copy, and ctrl + v to paste. Pressing shift + insert can be used to paste as well.

 

 

 

 

The following toolbar buttons allow you to paste text from another document as raw text or with the original formatting:

- allows you to paste text into a Paste as Plain Text dialog box, but strips out the formatting, such as bold, italics, font, and font size.

- allows you to paste text into a Paste from Word dialog box and retains the formatting.

 

Eliminating Extra Space Between Lines

 

 

       

Pressing the enter key on your keyboard inserts a paragraph break between the line of text above and the line of text that follows. Pressing enter + shift inserts a line break between the text above and the text that follows, thereby eliminating the double spacing.

 

 

Organizing a Page Using Tables

 

 

Tables are an easy way to organize text and images on a page. They help to organize the placement of images and text and will give your pages a horizontal as well as a vertical appearance. You can also create hyperlinks in tables by selecting text and clicking  to enable a jump to an internal or external web page.

 

 

Working with Tables

 

 

Using Anchors as Internal Page Links

 

 

HTML editors can apply changes only to rows or cells. You cannot edit a column in the same manner you do in MS Word.

 

1.      If you want to change the properties of a row in a table, click  to display the Table row properties dialog box.

2.      If you want to change the properties of a cell in a table, click  to display the Table cell properties dialog box.

3.      On the General tab, select the Alignment options (Center, Left, Right).

4.      Select the Vertical alignment options (Top, Center, Bottom).

5.      Enter a number in the Height field for row height.

6.      Enter a number in the Width and Height fields for cell width and height.

7.      Click the Advance tab to change the Background color of the row or cell.

8.      Click the Update button.

 

 

Creating anchors in a page and linking to the anchor helps a reader navigate a page with lengthy content.

 

1.       Highlight the heading or section you want to jump to.

2.       Click  to name the anchor.

3.       Enter the name in the Anchor name field.

4.       Click the Insert button.

5.       Highlight the text where you want to jump from.

6.       Click  to link to the anchor.

7.       Select the Link to an anchor option.

8.       Select the Anchor name.

9.       Click the Insert button.

 

Modifying Image Placement

 

 

       

 If you are not using a table, you can improve your page layout by modifying the properties of the image.

 

1.      Right click on the graphic and select Image properties.

2.      Click the Appearance tab.

3.      Select Alignment options (e.g., Top, Middle, Bottom, Left, Right).

Viewed 618 times.
Create new page under...
Pages
Page Contributors
Emilie Udell
Latest Activity
Emilie Udell purged a page. 2 years ago, 1/7/2010
Emilie Udell added a page. 2 years ago, 1/7/2010
Emilie Udell updated "Quick Start Guides." 2 years ago, 1/7/2010
Emilie Udell updated "Quick Start Guides." 2 years ago, 1/7/2010
Emilie Udell updated "Quick Start Guides." 2 years ago, 1/7/2010
View all activity
Forgotten Username/Password
Create an Account
View Pages in High Contrast
HelpFeedback