KB User's Guide - Documents Tab - Guide to WYSIWYG Editor buttons (What You See Is What You Get)

All Editor Buttons found in the Design (WYSIWIG) Editor

The image below shows the two bars of icons that appear above the Body field when editing a KB document in the Design or WYSIWYG editor.

Editor Buttons and their Descriptions

Below, you will find the image of an Editor button and a description of its function.   Select header. Highlighted text will be formatted with selected format. The dropdown list shows "Header 1" (largest)  through "Header 4" (smallest). The "Paragraph" option restores text to the default font and font size of your KB Site. The "PRE" option changes highlighted text to a fixed-width font (Courier).

Select font style. Highlighted text will be formatted with selected font style. The drop down menu shows all the fonts available.

  Select font size. Highlighted text will be formatted with the selected font size. Select sizes 1 (smallest) to 7 (largest).

  Highlighted text will be changed to the selected color.

Background behind highlighted text will be changed to the selected color.

Marks the highlighted text as bold.

Italicize the highlighted text

Underline the highlighted text

Draw a line through the middle of the highlighted text.

Create small letters above the line of text.

Create small letters below the text baseline.

Insert special characters. Click on this icon and see a table of special characters from which you can choose. Example:

! " # $ % & ' ( ) * + , - . :

; ? @ [ \ ] ^ _ ` { | } ~

and many more.

Insert horizontal rule.

Popup box displays to configure CSS attributes of horizontal rule. Choose attributes from dropdown boxes, scroll to bottom of popup, click Insert HR.

Popup displays to configure CSS attributes for selected text. Choose attributes from dropdown boxes, scroll to bottom of popup. click Apply Text CSS

Removes CSS from where cursor is placed or from highlighted text.

Undo typing.

Redo typing.

Remove formatting.

Click to expand editor window to full screen. Click again to return to standard size.

Insert Hyperlink.

Remove Hyperlink from URL.

Insert anchor tag.

Insert Mailto link. Click here to insert clickable link to an email address.

Popup will display to enter path to saved image. This tag is rarely used. For more info see [Link for document 5544 is unavailable at this time]

  Popup will display to configure attributes of Image. For more info see Item 6 in document  [Link for document 5544 is unavailable at this time]

Insert bulleted (unordered) list.

Insert numbered (ordered) list

Increase the indent level of the paragraph.

Decrease the indent level of the paragraph.

Align text to the left.

  Center text.

  Align text to the right.

  Align text along both left and right margins.

Insert Table. Clicking on this button yields a Table Properties form.

  Insert row above.

Insert row below.

Insert column to the left.

Insert column to the right.

Delete row.

Delete column.

Custom Tags

  TopTop (<div class="to-kb-doc-top-anchor"><a href="#">To the top</a></div>)
Inserts a link that leads to the top of the KB Doc. This link can be edited as desired.  

 Feedback Form (<div class="kbInPageForm"></div>)
Inserts Feedback form into a document. This feedback can collect user information and be emailed to a specific person in your KB Group. Please see KB User's Guide - Documents Tab - Embed a Basic Form into a KB Document for details and instructions.  

 Linkdoc (<a class="linkdoc">...</a>)
Insert link in to KB Doc. Allows up to six layers of inclusion.  

 Includedoc (<a class="includedoc">...</a>)
Include the 'body' element, or a section of the body element, from another document. Included documents may themselves include 'body' elements from yet more documents. An "IncludeDoc Chain" (i.e. Doc A is included in Doc B, Doc B is included in Doc C, Doc C is included in Doc D, etc.) has no enforced depth limit. In the case of recursive IncludeDocs (i.e. Doc A is included in Doc B, and Doc B is included in Doc A) a limit of eight inclusions will take effect to prevent infinite loops. Access permissions, 'LinkDoc' tags, 'Htmlentity' tags, etc. are all honored along the "IncludeDoc chain". For more info see KB User's Guide - Documents Tab - IncludeDoc and Dynamic Web Page Content .

 Internal Content (<span class="kb-class-internal-site">...</span>)
Text visible on internal KB sites only

 External Content (<span class="kb-class-external-site">...</span>)
Text visible on external KB sites only

 Owner site custom tag (<span class="kb-class-owner-group-site">...</span>)
This tag allows authors to embed site specific content anywhere within a KB document (or news item). Site specific content is visible to owner site only even when the document is shared across multiple sites / groups / institutions.

 Owner institution tag (<span class="kb-class-owner-inst-site">...</span>)
This tag allows authors to embed institution specific content anywhere within a KB document (or news item). Institution specific content is visible to owner institution sites only, even when a document is shared across multiple campuses / schools.

See Also:

• KB User's Guide - Documents Tab - Guide to HTML Editor Buttons (Classic Editor)