105.1: Content Editor

[toc]

Content Editing

Content editing is used throughout the community. You can choose which kind of editor you want - Plain text or Enhanced - in your Settings > Options tab.

The information below applies to the enhanced editor. This editor includes a toolbar of options and a content area.

• Pressing Tab while in a table cell will take you to the next horizontal column cell or row.
• Pressing Shift/Tab will create an out-dent in numbered or bulleted lists.
• When you create a link in the editor, it is automatically converted to a hyperlink. For example, if you enter "Google", it becomes a live link. The rich text editor utilizes Undo and Redo buttons in the GUI. (But the Ctrl+Z or Ctrl+Y keyboard shortcuts still work.)

Content Editor 

New/Revised	Editor Option	Description
	"Edit" menu item	Contains Paste as text, find and replace, and select all.
	Paste as text	Pastes in plaintext mode. Content is pasted as plaintext until the option is toggled off.
	Find and replace	Opens a dialog where you can specify the term to find and the term to replace the find term with. Includes options to match case or whole words only. You can find the term, replace it once, or replace all instances.
	Select all	Selects the entire block of text.
	"Insert" menu item	Contains options to Insert link, insert image/video/file, embed poll, anchor, horizontal line, or special character.
	Insert link	Creates or modifies a link on the selected text.
	Insert image/video/file	Inserts an image, video, or file.
	Embed poll	Inserts an embeddable poll.
	Insert emoticon	Inserts an emoticon.
	Anchor	Inserts an anchor.
	Horizontal line	Inserts a horizontal rule line.
	Special character	Inserts a special character.
	View menu item	Includes full-screen, show blocks, show visible characters, and visual aids
	Show blocks	Separates text into blocks by returns.
	Show invisible characters	When clicked, briefly shows where characters that are hidden are located within a block of selected text, for example a non-breaking space.
	Visual aids	Turns on or off the visual lines delineating cell borders in borderless tables.
	Format menu items	Contains options for bold, italic underline, other formats, and clear formatting.
	Bold	Makes selected text bold.
	Italic	Makes selected text italic.
	Underline	Underlines the selected text.
	Formats drop-down list	Contains options for heading, inline, blocks, and alignment.
	Headings	Selects heading options for sizes 1 through 6.
	Inline	Contains options for bold, italic, underline, strikethrough, superscript, subscript, and code.
	Blocks	Contains options for paragraph, blockquote, div, and pre.
	Alignment	Contains options for left, center, right, and justify.
	Table menu item	Contains options for Insert table, table properties, delete table, cell, row, and column.
	Insert table	Contains a selector graph to choose the number of rows and columns.
	Table Properties	Contains a general tab with width, height, cell spacing, cell padding, border, caption, and alignment properties; and an advanced tab with style, border color, and background color properties.
	Delete Table	Deletes the selected table.
	Cell	Contains options of cell properties, merge cells, and split cell.
	Row	Contains options to insert row before, insert row after, delete row, row properties, cut row, copy row, paste row before, and paste row after.
	Column	Contains options to insert column before, insert column after, and delete column.
	Tools menu item	Contains options to restore lost content, preview, and view source code.
	Restore lost content	Saves unsaved content in the browser every 20 seconds.  If you navigate away from the page or lose your Internet connection, you can click this option to restore the content last entered into the editor within the last 20 minutes.
	Preview	Displays the current content as formatted.
	Source code	Edit the contents via HTML.
	Font family	Includes options for Arial, Comic Sans, Courier New, Default font, Georgia, Helvetica, Impact, Tahoma, Times New Roman, and Verdana.
	Font sizes	Includes options for 75%, Inherit, 150%, and 200%
	Highlighter	Applies background highlighting to the selected text in the color you choose.
	Text Color	Selects the text color.
	Bullets & numbers	Applies bullets or numbered list formatting to the text.
	Indent	Indents or out-dents the current line of text.

Edit in Full-Screen Mode

To give yourself more editing room, you can toggle the content window into full-screen mode. This mode supports all editing functions but spell check. You can toggle back and forth easily from one mode to the other without saving the content.

To toggle between regular and full screen mode:

1. Edit a content page (wiki, forum thread, media gallery or blog post).
2. On the enhanced text editor menu bar, click View > Full-screen mode button. Notice that the content area consumes all the available browser area.
3. To return to regular mode, click View > Full-screen mode button again.

Adding Links and Anchors

You can use the enhanced text editor to add links to internal or external documents in a wiki. You can also link to anchors on your post page. Links and anchors are editable and removable.

Add a link to a page

You can add a link to an internal or external web page using the enhanced text editor Insert menu option. This method can be used to link to a location on another page by including the header anchor in the link URL.

1. Open the page or post in the editing mode and highlight the text you want to link.
2. Click Insert > Insert link on the enhanced text editor menu bar. The insert link dialog box appears.
3. Enter the URL for the target page in the URL data field.
4. Enter the text for the link in the Text to display field.
5. Enter the title of the page if desired. This is an optional field.
6. In the Target drop-down list, you can choose how the target document will be displayed:
7. None - The linked page is displayed in your current browser window.
8. New -The linked page is displayed in a new browser window.
9. Click Ok.

Link to an anchor

Linking to an anchor directs the viewer directly to a location on the current page or on another web page.

1. Open the page or post in the editing mode and highlight the text you want to link to the anchor.
2. Click Insert > Insert link on the enhanced text editor menu bar. The insert link dialog box appears.
3. If you are linking to another web page, enter the URL of that page with the syntax #<anchor name> in the link URL. You can get the link to that full page by clicking the anchor and viewing the entire link in the browser address field.
4. If you are linking to an anchor on the current page, click the Anchors drop-down list. A list of currently created anchors is displayed.
5. Select the anchor you want to link the text to from this list.
6. Click Ok. The text appears linked.

Edit a link

You can edit a link using the enhanced text editor Insert/edit link button, or you can right-click the link and select Insert/edit link.

1. Open the page or post in the editing mode and highlight the link you want to change.
2. Click Insert > Insert link on the enhanced text editor toolbar. The insert link dialog box appears.
3. Highlight the URL in the Link URL field and paste the desired link over it, or select the new anchor from the list.
4. Click Ok.

Delete a link

1. Open the page or post in the editing mode and highlight the link you want to change.
2. Right-click and select Remove link.

Add an anchor

With an anchor, you can link to certain location on the page.

1. Open the page or post in the editing mode.
2. Place the cursor where you want to insert the anchor.
3. Click Insert > Anchor on the enhanced text editor menu bar. The Anchor dialog box appears.
4. Enter a name for the anchor into the Name field It should not contain spaces.
5. Click Ok. An anchor symbol appears where you have inserted the anchor.