Help Center
Follow

The Text Editor (WYSIWYG Editor) (1.0)

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

The Text Editor is easily recognizable as a light-blue 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 where formatting can be important, such as providing “Who We Are” and “What We Do” information under Edit Profile and adding a new need or event.

This article covers the following topics:

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
Text effects: Bold, Italics, Underline, or Strikethrough (Strikethrough)
Justification: Left, Center, Right, or Full
   Horizontal line. Click to insert a horizontal line that reaches from the left margin to the right margin.
   Remove formatting of selected text.
  Click this button to toggle to full screen mode; click it again to return to the smaller screen.
   Change the size of the font being used.
   Cut, copy, and paste buttons. For more information on pasting text from a Word document, see Pasting Text from Word, below.
  Find and replace. Click the binoculars to search; click the next button to run a find-and-replace.
  Click the applicable button for a bulleted or numbered list.
  Set off a paragraph to the right, back to the the left, or as a block quote.
  Undo and redo.
  Enter a web link. See Working with Hyperlinks for more information.
  Upload or edit an image. See Adding Images Using the Text Editor for more information.
  Change the color of selected text.
  Open the HTML source editor.
  Add a table.
  (Tables only) Table properties.
  (Tables only) Insert or delete a row.
  (Tables only) Insert or delete a column.
  (Tables only) Merge or split table cells.
  Change the appearance of the text.

Note: Depending on your site’s design, the text you enter here may or may not show up as identical to the text that will be shown on your profile page.

Pasting Text from Word

Use the Paste from Word button when pasting text from a Microsoft Word document into the Text Editor. The purpose of Paste from Word is to remove any unnecessary, back-end formatting present in your Word text before you copy it into the Text Editor.

To paste text from Word into the Get Connected Text Editor:

  1. In the Word document, select the text you want to copy.
  2. Paste the text to your clipboard by pressing Ctrl+V or selecting Copy from your right-click menu.
  3. In the Get Connected Text Editor, click the Paste from Word icon.

    The Paste from Word dialog box is displayed.

  1. Copy the text into the Paste from Word dialog box by pressing Ctrl+C or selecting Paste from your right-click menu.
  2. Click Insert.

The text now appears in the Text Editor.

Pasting as Plain Text

While Paste from Word may not be able to preserve text that you have formatted heavily in Word, it does preserve basic formatting, such as bold text, italics, underlining, and bulleted or numbered lists. To remove all formatting (recommended if you are pasting from the Web), click the Paste as Plain Text button shown here. 

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 button is 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 (typically blue and underlined). Note that the text you entered in the Name field is displayed when you hover your cursor over the link.

Adding Images Using the Text Editor

You can add image files (.jpg, .gif, or .png) to the Text Editor by using the "tree" 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 (tree) button to open the Insert Image dialog box.
  3. Click the Image URL icon (circled in previous screenshot) to open the Image Manager.
  4. Click Upload to open the Upload dialog box.
  5. Click Choose Files and browse to the desired image file.
  6. Select the file and click Open.
  7. Click Upload to Server and wait for the upload to complete.
  8. Select the uploaded image. The image now appears in the Insert/Edit Image dialog box, and the Image URL field is populated with the link to the image location.

Note: The Image Description is for internal use and for browsers when the user is visually impaired. The Title appear when the cursor is hovered over the image.

  1. Click Insert.

The image has now been uploaded into the 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 0 found this helpful
Have more questions? Submit a request

Comments

Powered by Zendesk