HOW TO CHANGE EDITABLE CONTENT

This guide provides instructions for using the WYSIWYG and TEXT editors provided by WebSite Director (WSD) to create and/or edit content online. These editors can be accessed immediately after you submit a new request to Add/Upload, Modify or Copy editable content, and from the Edit Request screen for content that has already been submitted.

To edit content online you must have permission to access the WYSIWYG and/or Text editors. Your User Administrator assigns these permissions.

Accessing the WYSIWYG and Text Editors

There are four WSD screens that provide access to the editors. Three are available during the Submit New Request process: Add/Upload Document screen (click "Create Online"), and the Modify Document and Copy Document screens (click "Edit Online"). After a request has been submitted, you may access the editors from the Edit Request screen (click "Edit Online").

This document will guide you through the steps required to use these editors to make changes to your content after you have accessed these screens and clicked the "Create Online" or "Edit Online" functions. Each of the WSD processing screens discussed here also has a Help screen link to guide you through your changes. The illustrations show screen images that use the Explorer/Java user interface (see the User Interface section on your User Preferences screen).
 
Using the WYSIWYG Editor

The On-line WYSIWYG Editor allows you to edit a document online without having to learn HTML. This screen also allows you to insert images into your content. See "Insert Images" at the end of this document.

The icons and help button located at the top of the editor window will assist you in creating and editing your document. Depending on your permissions. Each WYSIWYG editor window has a Help button provided by the vendor to assist you with the editor's functions. Explanations of the WSD functions listed at the bottom of the window are provided below.

Using the Browser Text Editor

The Browser Editor allows you to edit an HTML document online. Because of browser restrictions, the document may not exceed 32KB in size.
 
Common WSD Editing Control

WSD provides access to the following functions at the bottom of each editor’s window:
Save in web server standard text format (LF)   This selection displays if the document has not been previously updated via WSD, and is in a format other than the web server standard text format. Select this checkbox before you click [Update ] to save the document with line feeds. If you do not select this checkbox, the document will be saved in its current format.  
Preview   This function displays the Document, along with any assigned header and footer, in a browser window. If you are editing a Template, this function displays the template's HTML code. See View Sample below for more information about previewing a Template.  
Update   Select this function to saves the information entered in the editor window. You should do this periodically if you are making extensive changes to your document.  
Update and Return   Select this function to save the information entered in the editor window and return to the previous screen.  
Cancel   Select this function to discard all additions/changes you have made since the last time you clicked Update and return to the previous screen  
Compare with Published   Select this checkbox before clicking Preview (see above) to display the published and current views of the document in a split browser window. The published version is on the left or bottom window, depending on your method of viewing (Horizontal or Vertical) as set on your User Preferences screen  
 View Sample   If you are editing a Template, select this checkbox to display the template as it will appear when published. This function is not available if you are editing a Document.
 
EditLive! Insert Images
 
The EditLive! "Insert Images" function allows you to insert images into your document or template.
  1. Using the EditLive! Editor window, click at the location in the document where you want to insert the image. 
  2. Click the Insert Images icon to display the Insert Image From window. 
  3. Select the location of the image: "Local Machine," "Remote Server," "World Wide Web" or "Enter Image URL as Text."

"Local Machine" selection:

Use this option to insert an image that is located on your local machine. This option will not be available if a Default Image Upload Directory has not been specified on System Configuration, or on the directory's Properties screen.

  1. Click the radio button in front of "Local Machine" and click [Browse Local]. The editor will open an upload window.
  2. Select an image on your local computer. The WSD directory where the image will be stored displays in the Image Location area,
  3. Select "Use Relative URL" or "Use Absolute URL."
  4. Then Click [Insert Image].  EditLive! inserts the image into the text and saves a copy of the image in the directory specified.

 

"Remote Server" selection:

Use this option to access the image directory on your server, as follows:

  1. Click the radio button in front of "Remote Server."
  2. Select "Use Relative URL" or "Use Absolute URL."
  3. Click [Browse Server] to open a pop-up window containing either a list of links to images you may choose from (if "Links" was selected in User Preferences), or a list of the actual images you may choose from (if "Inline" was selected in User Preferences). 
  4. From the list of images, select and click an image in the list to display it in the image area (in place of the list of images). If the displayed image is not the one you want to insert, click the [<<Back] button to return to the list of links.
  5. Drag the image to the "Drag Image Here" area in the upper right corner of this window.
  6. Click [OK] to select the image and return to the "Insert Image From" window (or click [Cancel] if you do not want to insert any image at this time).  
  7. Then click [Insert Image].  EditLive! inserts the image into the text.

"World Wide Web" selection

If you know the site on which the image is displayed, you may navigate to that location, as follows:

  1. Click the radio button in front of "World Wide Web" and click [Browse Web]. The editor opens a window containing a data entry field labeled "Address" in the lower left portion.  
  2. Type a URL to any page not located on your own server and press press [Enter]. The editor displays the index for the URL in the large display are in the upper left portion of the pop-up window. You may click on any links in the displayed page to navigate to other pages until you find the page that contains the image you want to insert into your document.
  3. Click [OK] to select the image and return to the "Insert Image From" window (or click [Cancel] if you do not want to insert any image at this time).  
  4. Then click [Insert Image].  EditLive! inserts the image into the text.
 

"Enter Image URL as text" selection

If you know the exact URL for the image, use this option to access the image, as follows:

  1. Click the radio button in front of "Enter Image URL as text"
  2. Type a fully-qualified URL (including the http:// prefix) pointing to the image you want to insert into the "Image Location" area (in the upper right portion of the window).  
  3. Press the "Enter" key to display the selected image in the "Image Preview" area. The editor will display an error in that window if the image cannot be found.  
  4. Click [OK] to select the image and return to the "Insert Image From" window (or click [Cancel] if you do not want to insert any image at this time).  
  5. Then click [Insert Image].  EditLive! inserts the image into the text.

Copyright 2000-2005 CyberTeams, Inc., http://www.cyberteams.com All rights reserved.
CyberTeams and WebSite Director are registered trademarks of CyberTeams, Inc. All other marks are the property of their respective owners.