Using content editor

When you create or edit content, such as writing and formatting text, creating tables, embedding images and videos, and inserting links, you use the content editor built into Jive.

The editor includes many of the standard features of other word processing programs. You can access them by using either the icons in the interface or keyboard shortcuts.

Here are some features of the content editor you may want to explore.

In-line @mentioning

To @mention someone while you are typing in the content editor:

  1. Type the @ symbol (or click the @ button if it is available). A search dialog opens and suggests possible matches.
  2. To narrow matches, use an underscore (_) as a space. For example, @Mike_D would match the Mikes whose last name begins with D.
  3. Select the correct match from the list and note the new link in the content editor.

For more information about @mentioning, see Alerts for people, places, and content items.

Adding table of contents

The content editor includes a feature that automatically generates a hierarchical table of contents based on the headings in your content. When you insert the table of contents, the editor looks at the headings your content uses, including their levels (such as Heading 2 or Heading 3). Based on the heading levels, the editor creates links to the headings, indenting the links at similar levels.

  • To insert the table of contents, click the Insert button > Table of Contents.

While you're editing the content, the table of contents appears as an icon, as displayed in the screenshot below.


A table of contents icon when editing content

In the saved or published version of the content, the icon is replaced with a hierarchical list of links to headings in your content.


A table of contents when viewing content

Working with tables

The content editor table feature allows you to create and manipulate tables.

  • To create a new table, click the table icon and select the number of rows and columns you want.
  • To add, remove, or duplicate rows and columns, use the gear icon on them.
  • To move around rows and columns, mouse over the gear icon and drag them as required.
  • To merge cells, click in the cell you want to merge, then click the Table: Edit icon and select Edit: Merge Cells. In the dialog box, specify the cell range to be merged. The cells are merged as you finish selecting.
  • To delete a table, click in a cell, then click the Table: Edit icon and select Edit: Delete. The table is deleted.
  • To format individual cells, rows, or columns, click in a cell, then click the Table: Edit icon and select the item you want to format (a cell, row, column, table). In the dialog box, make the necessary tables.

You can designate and format headers, change the color of text, lines, and background, and customize many other settings. Note that when you change the header setting while making changes in a column, only the header for that column changes, not all of the headers.

In addition, changing the color of text using the Table: Edit icon changes the default text color setting for the selected cell, row, or column. To make text color changes that you don't want to apply as a default to the cell, row, or column, use the text color icon in the editor's toolbar.

When you are finished formatting your table, click away from it and continue editing your document.

Using the spellchecker

The content editor includes a spellchecker that you turn on when you want to check the spelling. When you're ready to check the spelling in your document, click the Toggle Spellchecker button. Misspelled words are underlined in red. You should click a misspelled word to view suggested alternate spellings and scroll down to select the best match.

Note that the spellchecker does not check spelling as you type. You must turn it on or off by clicking the spellchecker button. After you have made corrections, click the button again to recheck spelling.

Also, you can change the language used for spell checking by clicking the down arrow at the right side of the Toggle Spellchecker button.

Viewing code source for content

The content editor's Source Code feature allows you to edit your document in HTML. Click the <HTML> link in the editor's toolbar when you want to write directly in HTML. When you're finished, you can toggle back to the default editor view by clicking OK. Clicking Cancel returns you to the content editor without making changes.

Note: When pasting internal URL in the default content editor, it gets automatically titled. To include URL without having it automatically titled, use the Insert URL option.

Some kinds of HTML markup can cause the site to be less secure. For this reason, certain HTML tags aren't supported by default. When you use these tags, Jive removes them before displaying the content. You can include them, and they are saved, but they don't render when someone views your content. Here's a list of what's not supported:

Tags: <embed>, <html>, <head>, <iframe>, <link>, <meta>, <object>, <script>, <style>

Attributes: action, class, method, on* (such as onClick), *src*

Using code syntax highlighter

The content editor's Syntax Highlighter feature allows you to mark text as code and specify the language so that it renders correctly in the saved and published versions of your document, blog post, or other content. This is useful to show code examples in your documentation. Supported code styles are SQL, XML, Java, JavaScript, Plain text, C++, C#, CSS, PHP, Ruby, and Python.

  • To apply the code formatting, select the block of text you want to format, then click the the Insert button > Syntax Highlighter and select the language-specific formatting you want.

Here are a few code examples.


A code sample

Working with links

Use a chain icon icon on the toolbar to insert a link. You can also paste the link in the editor directly.

When you paste an internal link, the editor automatically generates a title for the link. For custom titles, use the toolbar option.