Use the Rich Text Editor to edit pages & comments

The Rich Text Editor (RTE) is the content box you use to edit the contents of a page or to post comments. These content boxes include a toolbar with many text formatting functions similar to Microsoft Word (the toolbar is part of the RTE).

The rich text editor is also known as a WYSIWYG editor (what you see is what you get). WYSIWYG editors were created and named early in the life of the internet, when the only way to create a web page was to write HTML code directly. The introduction of WYSIWYG editors allowed you to write the content of web pages in a normal way without needing to be a web nerd.

"Rich text" means it's formatted with bold, etc.

"Rich text" means text that is formatted, such as with bold and italics, bullets, links, highlighting, headings, etc. The alternative to rich text is "plain text" which consists of simple characters all of the same font, size and color.

When you create and edit content using the Rich Text Editor you are actually creating web pages on the intranet. These web pages are created using HTML code, the basic technical language of web pages. The Rich Text Editor translates your text and formatting into the HTML code that makes up the page.

HTML consists of plain text accompanied by web code tags that specify formatting and display options. You can switch between editing an intranet page using the Rich Text Editor and editing the HTML code of the page directly by clicking the "Source" button in the RTE.

RTE full screen mode

You can switch the Rich Text Editor to full screen mode by clicking the Maximize button in the RTE toolbar. To minimize back to the regular view, click the Maximize button again.

Spell check

Chrome, Edge, Firefox, and Safari have built-in spell checkers that will underline misspelled words as you type. Press the CTRL (or Command) key and right-click on a misspelled word to see a menu that includes spelling suggestions.

Emojis

If enabled on your intranet, you can enter emojis in the Rich Text Editor when editing a page. Click on the emoji icon in the RTE and type to search for an emoji, or scroll or navigate through the sections of the emoji list.



You can also enter emojis by typing a colon ":" and then typing to search for the emoji you want. A dropdown list will appear with emojis that match your term; click to select the one you want. Use this method to enter emojis in places that don't display the RTE, like when leaving a comment or a Shout-out from an Activity card.

Insert Font Awesome icons

You can insert icons from the Font Awesome 4.7 icon set into intranet pages using the Source button. To do this, you will insert some HTML into the source code of the page you are editing. You can copy and paste the HTML for the icon from the Font Awesome website. You will need to make a small addition to the HTML for it to display correctly.

Copy the <i> tag from the Font Awesome website

1. Go to the Font Awesome 4.7 website. (ThoughtFarmer uses Font Awesome 4.7, so make sure you are on the website for the correct version.)
2. Search the icons to find the one you want. Click on the icon to go to the icon page.
3. Copy the <i> tag code for the icon. It will look like this: <i class="fa fa-envelope-o" aria-hidden="true"></i>
   
   

Insert the <i> tag in the intranet page source code

1. Go into edit mode on the page you want to insert a Font Awesome icon.
2. Click the Source button in the Rich Text Editor to switch the page into the Source pane.
   
   
    
3. Find where you want to insert the Font Awesome icon in the copy and place your cursor there.
4. Paste the <i> tag that you copied from the Font Awesome website into the Source pane.
5. Add &nbsp; before the closing </i> tag. (If you don't add this bit of HTML, the icon will not display.)
   For example:
   <i class="fa fa-envelope-o" aria-hidden="true">&nbsp;</i>
6. Click the Source button again to switch the Rich Text Editor back to regular editing. You should see the Font Awesome icon on the page.
7. When you are done editing, Save the page.