Help Center
Follow

The Text Editor (WYSIWYG Editor) (2.0)

This article applies to users of versions 2.0 and later of Connect platforms. An article on Get Connected 1.0's text editor can be found here.

The Text Editor is easily recognizable as a light-gray box with various icons across the top of it. Also known as the WYSIWYG ("What You See Is What You Get") Editor, It is, essentially, a text box with added bells and whistles.

You’ll use this tool to enter information to areas where formatting can be important, such the “Who We Are” and “What We Do” sections of your agency's profile and the descriptions for needs and events.

This article covers the following topics:

Text Editor Buttons

Pasting Text from Word

Pasting as Plain Text

Working with Hyperlinks

Adding Images Using the Text Editor 

Text Editor Buttons

Various icons across the top enable you to change the appearance of your text, add images, and more. You can also consult the table below the more commonly used functions.

Icon Description
  Undo and redo.
   Cut, copy, and paste buttons.
  Open the HTML source editor.
  Spell-check.
  Set off a paragraph to the right, or back to the the left.
Justification: Left, Center, Right, or Full
  Click the applicable button for a bulleted or numbered list.
   Horizontal line. Click to insert a horizontal line that reaches from the left margin to the right margin.
  Upload or edit an image. See Adding Images Using the Text Editor for more information.
  Select a format for an entire paragraph. Click the dropdown arrow to see your options.
Text effects: Bold, Italics, Underline, or Strikethrough (Strikethrough)
  Change the color or the background color of the selected text.
  Enter a web link. See Working with Hyperlinks for more information.

Working with Hyperlinks

The Insert/Edit Link button is used to add links to your text. You can link to another page in Get Connected (such as a related need or event), or you can link to another website entirely.

To add a link, you must first copy the link itself onto your clipboard. Next, take the steps below:

  1. In the Text Editor, select the text you want to serve as the link. (The Insert/Edit Link buttons are not activated until you’ve selected text.)
  2. Click the Insert/Edit Link button to open the dialog box for adding a link. By default, the General tab is shown. Under the General Properties heading:
    • Paste the link into the URL/Link.
    • Enter the name of the link into the Name This is the text that will pop up when someone hovers their cursor over the link.

TIP: To have the link open in a new tab when clicked, select _blank in the Target dropdown.

  1. Click Insert. Your selected text will now be shown as a link.

Adding Images Using the Text Editor

You can add image files (.jpg, .gif, or .png) to the Text Editor by using the "image" icon shown here.  The Text Editor's image uploader offers numerous ways to edit and catalog images. At this time, this article only goes into the basics and does not address the more advanced details.

Uploading an Image

To add an image into the Text Editor:

  1. Place your cursor in the desired image location.
  2. Click the Insert Image button to open the Insert/edit image dialog box.
  3. Click the "Search" icon (circled in previous screenshot) to open the Image Manager.
    Note: If the image is already located in your image manager, select it and go to Step 8 below.
  4. Click Upload to open the Upload dialog box.
  5. Click Add Files.
  6. After browsing to the desired image file, select it and click Open.
  7. Click the Upload button and wait for the upload to complete. (This typically takes one or two seconds.)
  8. Select the uploaded image to open the Insert/edit image popup again.
  9. Complete the Image Description and Dimensions fields as needed.
  10. Click OK.

The image has now been uploaded into your Text Editor.

Editing an Image

If your image is already uploaded to the Text Editor, open the Text Editor, select the image, and click the Insert Image button.

To edit an image:

  1. In the Insert Image dialog box, click the Appearance All fields under this tab are optional. All selections made will be summarized in the Style field at the bottom of the dialog box.
  2. Indicate the desired Alignment for the image (baseline, top, middle, bottom, text top, text bottom, left, or right)
  3. Indicate the desired Dimensions (make image smaller or larger; mark Constrain Proportions to preserve image proportions.)
  4. Using the Vertical space and Horizontal space fields, indicate the desired amount of white space, in pixels, on all sides of the image)
  5. If you want the image to have a border, enter the desired border width, in pixels. (Border will be black.)
Was this article helpful?
0 out of 1 found this helpful
Have more questions? Submit a request

Comments

Powered by Zendesk