Wildfire User Guide

Text Editor

Click on a section title to jump down the web-page: 

A.         Introduction

B.         Text-formatting functions

C.         Insert a hyperlink

D.         Insert a button link

E.         Insert an anchor link


A. Introduction

1. The text editor box appears in the Content block sidebar for Text, Image with Text, and Image (for image captions, with limited functions).

2. The text editor has many features for formatting text and inserting special features. These are accessed through the icons in the top bar.

 

B. Text-formatting functions: For all of these functions, use the mouse cursor to select the text you wish to format.

  1. Undo / Redo: Click the left button to undo the previous action(s); click the right button to redo the previous action. 
  2. Paragraph: Click the drop-down list to choose a style for the highlighted text. You have a choice between Paragraph (used for normal text) and four heading styles. The heading styles are very effective at highlighting the title of a section of text below. The sizes for each heading style are as follows:
    1. Heading 1

    2. Heading 2

    3. Heading 3

    4. Heading 4

  3. Styles: Under development.
  4. Size: Click the drop-down list to choose a font size.  In general, it is best to keep the default font size and only change it by applying a style as in #2 above.
  5. Click these buttons to make the text bold, italics, underline, or strikethrough
  6. Click these buttons to make the text subscript or superscript
  7. Click this button to remove all formatting from the selected text. This is highly recommended if you are pasting into this text editor from an external program like Word
  8. Click these buttons to increase or reduce the indenting of the selected text. 
  9. Click the drop-down list to left-justify, center, or right-justify the selected text. 
  10. Click this button to create a hyperlink from the selected text. See Section C below.
  11. Click this button to insert an anchor link. See Section D below.
  12. Click on these icons to turn the selected text into a numbered or bulleted list. 
  13. Click this icon to format the selected text as a quotation block. 
  14. Click the button to insert a horizontal line. 
  15. Click the drop-down to open a selection of special characters to insert. 
  16. Click this button to make the selected text read left-to-right or right-to-left. 
  17. Click the drop-down to find and/or replace text within the text editor. 
  18. Click this button to toggle spellcheck on (blue) or off (black). 
  19. Click this button to maximize the text editor so it takes up the entire screen. Click the similar-looking button to return to the default view.

 

C. Insert a hyperlink

A hyperlink is text which has been configured to navigate to other parts of the website – or to another website altogether – when clicked on. Images may also be configured as hyperlinks. See Page content - images for instructions. 

  1. Write a line of text which you will use for the hyperlink.
  2. Highlight the line of text.
  3. Click on the hyperlink icon.
  4. The Link task box opens.
Hyperlink Working Box
  1. Complete the field Link URL or page title
    1. For an external website, copy the entire URL for the page and paste it in the field.
    2. To link to a page on the website, start typing the page title in the field. A list of pages that begin with those letters will appear below. Click on the correct page and the internal page ID will be entered in the field.
    3. To link to a file on the website which may then be downloaded, start typing the filename in the field. Click on the correct file and the internal file ID will be entered in the field.
    4. Note: You will see both pages and files when typing in the field. Pages are listed under the heading Content, and files are listed under the heading Media.

Link to a page

List of Pages
Right Arrow
Page Selection Complete

Link to a file

Link to File
Right Arrow
File Selection Complete
  1. Click the slider next to Open in new tab if you want the link to open in a new tab. This is preferred if you are linking to an external website, so that the website visitor still has your website open.
  2. Click the green check mark to complete the hyperlink.

 

D. Insert a button link

Sometimes it might be helpful to make linked text more obvious, so a button can be used within a text content block. First a link must be created, and then the link can be made into a button.

  1. Create a text hyperlink as in Section C above.
Hyperlink Created for Button
  1. Single-click on the link in the text editor box. Now click the Styles drop-down box and select the Button link from the text editor toolbar.
Button Link Selection
  1. A preview of the button appears in the text box and on the left side of the page. Click inside the button to edit the button text, if desired.
Button Preview

 

E. Insert an anchor link

An anchor link is a special type of hyperlink that functions like a bookmark. It can bring the website visitor directly to a certain part of a website page. Inserting an anchor link is a two-part process. First, you must place the "anchor" where you want to bring the website visitor. Next, you will create the link to it.

Place the anchor

  1. Place the cursor at the beginning of the word or section where you want to bring the website visitor. Click on the Anchor icon in the text editor toolbar.
Anchor Placement
  1. A pop-up window appears. Give the anchor a name. It can be just a number or letter, or it can be the title of the section to which you are linking. Click the green checkmark when you are done.
Anchor Name
  1. You now see an indicator of where the anchor has been placed as well as the title of the anchor. The website visitor will not see this text.
Anchor Confirmation

Create the anchor link

  1. Go into the text editor in the section where you want to create the anchor link. Highlight the text that will become the link and click on the hyperlink icon in the text editor toolbar.
Anchor Link Creation - Highlight
  1. Click the drop-down arrow next to Link to anchor. Select the correct anchor link from the anchors you have already created. Click the green checkmark when you are done.
Anchor Link Creation - Choose
  1. Repeat these steps for all of the other anchor links you need. When you are done, you will see in the preview on the left that the anchor links are blue, just like other hyperlinks. Also, in the text editor box the anchor link is underlined when the cursor is placed over it, just like other hyperlinks. Click the Save button for the text editor and then again to save the page.
Anchor Link Creation - Confirmation
Share

Your encouragement is valuable to us

Your stories help make websites like this possible.