KB User's Guide - Documents Tab - Guide to TinyMCE Editor Buttons

There are two bars of buttons within the editor, the upper navigation bar, and the lower tool bar.

• Menu Bar
  • File
  • Edit
  • View
  • Insert
  • Format
  • Tools
  • Help
• Tool Bar
  • Tool Bar Buttons
  • Table Information

Menu Bar

The navigation bar has several tabs in a layout similar to other applications:

File

• New Document - Creates a new document

Edit

• Undo - Undoes Typing
• Redo - Redoes Typing
• Cut - Cuts text to clipboard
• Copy - Copies text to clipboard
• Paste - Pastes text from clipboard
• Paste as Text - Pastes text from clipboard removing formatting
• Select all - Selects all content within the body section of a document

View

• Source Code  - Switches to code view mode
• Visual Aids - Toggles TinyMCE visual aids
• Spellcheck - Toggles spell checking within the document
• Fullscreen Mode - Enables fullscreen editing mode

Insert

• Link - Insert Hyperlink
• KB link doc - Insert Link Doc
• KB include doc - Insert Include Doc
• Anchor - Inserts an anchor tag at the cursor
• 'To the top' link - Insert a link to the top of the page
• KB attachments - Upload or insert KB attachments
• Image - Displays a pop-up to insert an image from a source URL. For images hosted within a KB attachment folder, use the KB attachments option
• Media - Opens pop-up to embed media with a specified link
• Collapsible panel - Insert a collapsible panel
• Button - Insert a link styled as a button
• Feedback form - Insert a custom feedback form
• Insert/Edit iframe - Opens iframe pop-up, which allows you to embed another document into your current document 
• Import from url - Imports HTML from an external webpage
• Horizontal Line - Inserts a horizontal line

Format

• Bold - Marks the highlighted text as bold
• Italics - Italicizes highlighted text
• Strikethrough - Strikes through highlighted text
• Superscript - Creates text above the current line
• Subscript - Creates text below the current line
• Checklist- Inserts an unordered checklist with checkable boxes
• Code - Adds code styling to selected text
• Formats
  
  • Headings - Headings options: Heading 2, Heading 3, Heading 4, and Heading 5
  • Inline - Controls for bold, italics, strikethrough, superscript, subscript, and code formatting
• Blocks - Paragraph, preformatted, and heading options
• Align - Opens text alignment menu, allowing you to align highlighted text to the left, right, or center of the page, or to justify the text to the center (no alignment)
• Line Height - Opens line height/line spacing menu
• Text Color - Allows selection of text color
• Background Color - Allows selection of text background color
• Clear Formatting - Clears formatting on selected text

Tools

• Source Code - See Source Code
• Accessibility Checker- Displays any accessibility errors on the document. See KB User's Guide - Documents Tab - TinyMCE Accessibility Checker for more information.
• Content restriction - Allows you to restrict content to certain KB sites
• Content restore - Allows you to restore document fields from the revision history
• Edit other document fields - Allows you to edit fields such as the doc title, keywords, and summary
• Spellcheck - See Spellcheck
• Spellcheck Language - Set which language to check spellings for
• Word Count - Displays document word count

Help

Opens a pop-up window with sections of information for:

• Handy Shortcuts - Displays all the editor related keyboard shortcuts 
• Keyboard Navigation - Instructions on how to activate and use a keyboard to navigate around the editor
• Plugins - Links to KB User's Guide or TinyMCE documentation for the various editor plugins
• Version - Displays the current editor version number

Tool Bar

The tool bar contains a few unique buttons, however most of the buttons on the bar are for quick access to functions already described in the navigation bar. The toolbar functions are as follows:

• Spellcheck - See Spellcheck
• Accessibility Checker- See Accessibility Checker
• Undo- See Undo
• Redo- See Redo
• Paragraph Drop-down -  See Headings, Inline, Blocks, and Align
• Bold- See Bold
• Clear Formatting- See Clear Formatting
• Numbered List- Inserts a numbered (ordered) list. Dropdown gives several ordered list options
• Bulleted List- Inserts a bulleted (unordered) list. Dropdown gives several unordered list options
• Align Left- See Align
• Align Center- See Align
• Decrease Indent- Removes an indent level
• Increase Indent- Increases the indent level, similar to the tab key in other text editors
• Insert/Edit Link- See Link
• Insert/Edit Link Doc - See Link Doc
• Insert/Edit Include Doc- See Include Doc
• Apply/Edit Content Restriction - See Content Restriction
• Upload/Insert KB Attachments - See KB Attachments
• Insert/Edit Image- See Image
• Insert/Edit Media- See Media
• Table- See the Table section below
• Insert/Edit Collapsible Panel - See Collapsible Panel
• Insert/Edit Button - See Button
• Fullscreen- See Fullscreen Mode
• Source Code- See Source Code

Note: Depending on your screen width, some, or all, of the table, link, image, media, fullscreen, source code, and plugin icons may be hidden behind the More button:

Table

The table sub-menu allows insertion and editing of tables in documents. The options available when a table is selected are also available by right clicking an existing table within a doc. Within this sub-menu, you have several options:

• Table - Select the table size using the grid to insert at the cursor
  
  
• Cell - Edit cell properties, merge, and split cells 
  
  
• Row
  • Insert Row after - Inserts a row after the selected row
  • Insert Row Before - Inserts a row before the selected row
  • Delete Row - Deletes the selected row
  • Row Properties - Opens the row Properties menu, which allows you to change:
    • Row type
    • alignment
    • height
    • border style
    • border color
  • Cut Row - Cuts the selected row to the clipboard
  • Copy Row - Copies the selected row to the clipboard
  • Paste Row Before - Pastes row before the selected row
  • Paste Row After - Pastes row after the selected row
    
    
• Column
  • Insert Column after - Inserts a column after the selected column
  • Insert Column Before - Inserts a column before the selected column
  • Delete Column - Deletes the selected column
  • Cut Column - Cuts the selected column to the clipboard
  • Copy Column - Copies the selected column to the clipboard
  • Paste Column Before - Pastes column before the selected column
  • Paste Column After - Pastes column after the selected column
    
    
• Sort
  
  • Sort by Column Ascending - Sorts the table by the selected column in ascending order
  • Sort by Column Descending - Sorts the table by the selected column in descending order
  • Advanced Sort - Opens advanced sort pop-up, to help with advanced table sorting
    
    
• Table Properties - opens pop-up with options to change table width, height, cell spacing, cell padding, border width, caption,border styling, and colors
  
  
• Delete Table - Deletes the selected table