Using the 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 Targetdrop-down list, you can choose how the target document will be displayed:
   1. None - The linked page is displayed in your current browser window.
   2. New -The linked page is displayed in a new browser window.
7. 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.

Use Paste as Text

This editor function cleans up invisible formatting when pasting from programs such as Microsoft Word. It does not necessarily preserve table formatting. This is due to a limitation in the editor, not the Telligent platform.  (You can use the Table button to create a table.)

1. In the enhanced editor, click Edit > Paste as text. The option becomes check-marked.
2. Copy the text straight into the editing window.
3. Click Paste as text again to deselect the option. The text editor no longer scrubs out the formatting.

Use the Source Code Editor to Edit Content

The HTML source editor allows you to edit or copy the HTML source code of your content. It is also a useful tool when you run into formatting issues that you cannot resolve using the text editor in the editing window.

1. In wiki page Edit mode, navigate to Tools > Source code from the enhanced text editor toolbar. The source code window opens.
2. Edit the HTML source code.
3. Click Ok to retain your changes, or Cancel if you don't want to save them.

Use Tables in Content

You can easily add a table of any size to content and customize its layout to structure data for readability.

Create a Table

1. In post edit mode, click the Table > Insert table menu option. The Insert/Edit table dialog box appears.
2. Holding down the mouse button, select the table cells to draw the table you desire (number of rows and columns).
3. Click. Your table is added to the page with no content. Enter the appropriate content and save your post to view your table or click Tools > Preview.

Insert a row

1. Enter post edit mode.
2. Click anywhere in a row above or below where you want to insert a new row.
3. Right-click and select Row.
4. To insert a new row above the current row, select Insert a Row Before from the contextual menu.
5. To insert a new row below the current row, select Insert a Row After from the contextual menu.

Delete a row

1. Enter post edit mode.
2. Click anywhere in the table row you want to delete.
3. Right-click and select Row.
4. Right-click and select Delete Row from the contextual menu. The row is removed.

Insert a column

1. Enter post edit mode.
2. Click anywhere in the table column left or right of where you want to insert a column.
3. Right-click and select Column.
4. Right-click and select Insert a column before to insert one to the left. Select Insert a column after to insert one to the right.

Delete a column

1. Enter post edit mode.
2. Click anywhere in the column you want to delete.
3. Right-click and select Column. Right-click and select Remove Column. The column is removed.

Merge cells

1. Enter post edit mode.
2. Select the cells you want to merge.
3. Right-click and select Cell > Merge cells. The Merge cells dialog box appears.
4. In Cols, specify the total number of columns (including the one where your cursor is) that you want to combine into one column.
5. In Rows, specify the total number of rows (including the one where your cursor is) that you want to combine into one row.
6. Click Update. Note that if you decide to split the merged cells, the content will remain merged together after the split.

Split merged cells

1. Enter post edit mode.
2. Click in the merged cell.
3. Right-click and select Cell > Split cell. The cell is split back to the way they were previously (such as back to single columns or rows). Content from merged cells remains merged together, and you will need to separate it manually if desired.

Add a background color to a table cell

1. Enter post edit mode.
2. Select the cell where you want to add a background color.
3. Right-click and select Cell > Cell properties. The Cell properties dialog box appears.
4. Click Advanced.
5. Click in the Background Color field. You can either enter the color hex code or click the color button to select it on a color selector.
6. Click Ok.

Delete a table

1. Enter post edit mode.
2. Click in a cell within the table.
3. Right-click and select Delete table.

Make a table scrollable

If your table is too wide for your page, you can make it scrollable (left to right):

1. Open the wiki page HTML window.
2. Locate the <table> tag.
3. Insert the following tag immediately preceding it:

<div style='overflow: scroll'>

4. Locate the </table> tag and insert the following tag immediately following it:

</div>

Settings

The insert/edit table dialog box has two tabs, which are explained in the following sections.
Cell properties

The following table describes the options for the Cell properties dialog box General and Advanced tabs. These properties can be overridden the page's HTML source if required.

Row properties

The following table describes the options for the Row properties dialog box General and Advanced tabs. These properties can be overridden the page's HTML source if required.

Importing tables from Microsoft Word

You can import tables from Microsoft Word or Apple Pages into the editor using simple copy and paste commands.

Do not use Paste as Text.

However, the editor import functionality may not support all cell shading or border formatting.

Adding a Table of Contents

Add a table of contents to a wiki or blog post.  To utilize the table of contents feature:

1. Add content headers within your text. 
2. Within the editor, type [toc]
3. Click save.  You will then see a box with hyperlinks to the text sections within your blog or wiki.

(Information last reviewed on 23 June 2023)