eWebEdit400 Toolbar

eWebEdit400 functions

NOTE: HOW TO: Add and remove buttons to the toolbar for eWebEdit400 is an Ektron Knowledge Base article that explains how a Webmaster adds a custom toolbar button to eWebEdit400.

• Select All (Ctrl/a)—Select all content
• Cut (Ctrl/x)—Remove selected text and graphics. Place that data into temporary memory, also known as the “clipboard.” (If you later cut or copy more information onto the clipboard, the new information overwrites the original information.)
• Copy (Ctrl/c)—Copy selected text and graphics into temporary memory. Leave selected data where it is. (If you later cut or copy more information into memory, the original information is lost.)
• Paste (Ctrl/v)—Insert the most recently cut or copied text and graphics at the current cursor location.
• Paste from Word, Cleaning Fonts & Styles—Designed for pasting Microsoft Word content, this button strips fonts and classes. For example, if you use the Paste button, Word content contains these tags.

  <p class="MsoNormal" style="MARGIN: 0in 0in 0pt"> 
  <span style="BACKGROUND: lime; mso-highlight: lime"> 
  <font size="3">
  <font face="Times New Roman">

  But if you paste that content using this button, only <p> tags are preserved.

• Paste Plain Text—Paste the clipboard’s contents as plain text. That is, all HTML tags (including images) are stripped out. This button is helpful when you want to eliminate HTML formatting from the copied text.
• Find and Replace—Launch the Search and Replace dialog box. The dialog searches for (and lets you optionally replace) text that you specify. See Finding and Replacing Text.
• Print (Ctrl/p)—Print the editor content.
• Undo (Ctrl/z)—Reverse the most recent action, as if it never occurred. You can undo as many actions as you wish.
• Redo (Ctrl/y)—Reverse the undo action.
• Spell Check—Begin spell checker. See Checking Spelling.
• Anchor Tag—Insert a bookmark anchor. See Using Bookmarks.
• Add/edit Hyperlink—Change information about a hyperlink. Using Hyperlinks.
• Remove Hyperlink—Remove a hyperlink.
• Library—Insert a library file. See Storing Files in the Library.
• Add Wiki Link—Create a wiki link. See Using the Wiki Feature.
• Localize Section—Designate sections of content for certain languages only. Creating One or More Localized Paragraphs.
• Translate—Translate content into another language. See Using Machine Translation.
• Horizontal Line—Insert a horizontal line.
• Insert Symbol—Insert symbols and special characters.
• Validate—Check content for adherence to XHTML and accessibility standards.
• Hide/Show Elements—Toggle to show/hide temporary markers in content.
• Apply CSS Class—Display a list of style sheet classes. Users can select from the list to apply a class to selected text. The list can change depending on the selected text. Your Webmaster determines which styles are available.
• Paragraph Style—Display a list of paragraph styles. Users can select from the list to apply a style to selected text. The list can change depending on the selected text. Your Webmaster determines which styles are available. See: HOW TO: Customize the Formatting drop down in the eWebEdit400 toolbar
• Bold (Ctrl/b)—Make selected text bold.
• Italic (Ctrl/i)—Make selected text italic.
• Underscore (Ctrl/u)—Make selected text underlined.
• Strikethrough—Apply strikethrough to selected text. For example: Here is some text
• Superscript—Make selected text appear smaller and above text line.
• Subscript—Make selected text appear smaller and below text line.
• Relative Font Size—Change the relative font size. Your Webmaster determines which relative font sizes are available.
• Font Style—Change the font style. Your Webmaster determines which fonts are available.

  NOTE: If more than one font appears in a selection, the browser on the reader’s PC tries to display text using the first font. If the browser cannot find that font, it tries to use the second, and so on. Your system administrator can enable or disable the font toolbar buttons (style, size, color, and background color).

• Font Size—Change the font size in points. Your Webmaster determines which font sizes in points are available.
• Font Color—Change the font color.
• Background Color—Change the background color of the selected content.
• Number—Begin the line on which the cursor rests with a number. If the line above this line is:
  • not numbered, assign this line 1
  • numbered, assign a number one more than the line above

  NOTE: The Number toolbar button applies a number to each paragraph. If you want to switch to regular (that is, non-numbered) paragraphs, click the button a second time

• Bullet—Begin the line on which the cursor rests (or all selected lines) with a bullet.

  NOTE: The Bullet toolbar button applies a bullet to each paragraph. If you want to switch to regular (that is, non-bulleted) paragraphs, click the button a second time.

• Indent—Increase or decrease the current line’s distance from the left margin.
• Left, Center, and Right Justify—Align paragraph so that it is arranged evenly on the...
  • left side (uneven on the right)
  • in the center of each line
  • evenly on the right side (uneven on the left)
  • evenly on right and left side

  Use the last button to remove justification.

• Insert table—Insert a table. See: Working with Tables in eWebEdit400
• Insert row above—Insert a new row above current one (that is, the one in which the cursor currently resides).
• Insert row below—Insert a new row below current one (that is, the one in which the cursor currently resides).
• Insert column left—Insert a new column to the left of the current one.
• Insert column right—Insert a new column to the right of the current one.
• Delete row—Delete current row.
• Delete column—Delete current column.
• Delete cell—Delete current cell.
• Merge cells horizontally—Merge current cell with cell to its right.
• Merge cells vertically—Merge current cell with cell below it.
• Split cell—Divide a cell into two. After you split, each cell occupies one half the size of the original cell.
• Table properties—Adjust a table’s properties.
• Cell properties—Adjust properties of current cell.
• Show/hide border—Display/suppress internal table border.

Using Temporary Markers

Temporary markers let you insert your cursor in a place that is otherwise inaccessible. For example, if 2 tables are adjacent to each other, you cannot insert text between them without temporary markers. You can click on any marker and begin inserting new content. When you save, temporary markers are removed.

To toggle temporary markers on and off, click Hide/Show Elements ().

NOTE: Your Ektron system administrator can use the siteroot/web.config file's ek_ShowTemporaryMarkers element to enable (true) or disable (false) temporary markers for all users.

Finding and Replacing Text

To find (and optionally replace) text, click Find and Replace (). The Find and Replace dialog box appears.

In the Find field, type the text you want to find.

1. Click the Replace tab.
2. In the Replace With field, type the replacement text.
3. Set dialog box options.
   • Selection only—operates on a selected portion of content.
   • Direction—Search from the current cursor location up (backwards) or down (forwards).
   • Match case—The search must match the string exactly.
   • Match whole words only—Find only whole words. By default, the search finds any occurrence of the text that you type into the Find field. For example, if you enter the, the search finds the word the, as well as those letters embedded in other words, such as others and theater.
4. If you want to...
   • replace all occurrences of the “find” text with the “replace” text, click Replace All.

     NOTE: You can undo replacements one at a time using the Undo button ().

   • replace only the highlighted term with the “replace” text, click Replace.
   • find the next occurrence of the “find” text (and optionally replace it with the “replace” text), click Find Next.
   • change the highlighted term using the editor, exit the Find and Replace dialog, move to the term and edit as needed. To restart the search, press the Find button ().

   Continue to find and optionally replace or edit until you reach the end of the text.

Checking Spelling

To begin spell checking, click the spell check button (). eWebEdit400 puts a red line under each word that’s not in the dictionary. Then, it stops at the first misspelled word and displays your options for fixing the problem. Instead of stopping at every misspelled word, you can place the cursor on any highlighted word. When you do, its spelling options appear.

NOTE: The FireFox browser has its own spell check software. To eliminate confusion between eWebEdit400’s and Firefox’s spell checker, you can disable Firefox’s by choosing Tools > Options dialog > General Tab and unchecking the Check my spelling as I type check box.

If you are done before fixing every misspelled word, click Finish spell checking from the toolbar. Your changes are saved, and you return to edit mode. If you want to exit the spell checker and ignore all changes you have made since beginning it, click Cancel (circled above) at any time.

Using Bookmarks

A bookmark lets you “jump” from any word or phrase to another place in the same content block. On your Web page, text appears in a different color to indicate the bookmark. Bookmarks are helpful if your page is long.

To create a bookmark, you must specify:

• a source—the text a user clicks to move to the bookmark
• a bookmark—the destination to which the cursor jumps when a user clicks the source

For example, if your Web page contains minutes from several meetings, the top of the page could list the meeting dates. You could then assign a hyperlink (source) to each date and a bookmark to each set of minutes. The user sees that a date is in a different color, so clicks it to “jump” (using the bookmark) to the correct minutes.

To create a bookmark:

1. Place the cursor where you want to create the bookmark..
2. Click Insert Bookmark (). The Link Manager dialog appears with the Bookmark Tab selected.
   

   

3. Enter a name for the bookmark and click OK. The editor screen redisplays. (The bookmark does not appear on the page.)
4. Select the source text that will link to the bookmark that you created..
5. Click Hyperlink Manager (). The Hyperlink Manager dialog appears with the Hyperlink tab selected.
6. Click the down arrow on the Existing Bookmark field and click the bookmark you created.
   

   

7. Optionally set the Target Frame field on the Hyperlink Manager dialog to change the window that displays the destination page.
   —Show the target options—

   • New Window—Appears in a new browser window, on top of the current browser.
   • Same Window(default)—Appears in the same position within the browser window. The new window replaces the current one.
   • Parent Window—Appears if your page contains frames, in the frame that contains the frame with the hyperlink.
   • Browser Window—Appears if your page contains frames, in the full display area, replacing the frames.
8. Click OK.

Using Hyperlinks

A hyperlink lets you “jump” from any word or phrase to another Web page. The page can be within your network (that is, on an intranet) or anywhere on the internet. For example, your Web page could include a link to the Ektron website.

To create a hyperlink, you must specify:

• a source—the text a user clicks to move to the bookmark
• a destination—the destination to which the cursor jumps when a user clicks the source

NOTE: To create jumps within a content block, see Using Bookmarks.

Using the Wiki Feature

The Wiki feature lets registered site visitors (that is, membership users) and Ektron users insert hyperlinks to other content. The hyperlinks can connect to existing content or to content that doesn’t exist yet. This collaborative authoring style is used in wiki sites such as Wikipedia, where any author can contribute new content and articles.

To create a wiki link using the wiki button, select the text to which you want to assign a wiki hyperlink. It can be one or several words and click Add Wiki Link ().

NOTE: The Wiki button only appears if you have permission to add content to the folder that contains the current content.

The Add/Edit Wiki Link screen appears. It has 2 tabs.

• New Content tab—create new content to which you will add information later. The new content item will appear when a site visitor clicks the link text.

  If you want to place the new content item in the folder that contains the text you are editing, do nothing. To place new content in a different folder, click Change and navigate to that folder. You can also edit the Title and the Target Frame.

  NOTE: Membership users cannot assign a folder. New content is saved to the folder that contains the source content.

• Related Content tab—link to existing content. If you click this tab, Ektron uses the selected text to search your website. All content with that text then appears on the screen. Each content item’s title appears followed by its summary. Click the radio button next to the content you want to link to.
  

  

To indicate that a wiki has been applied to new content, the text color changes to blue and bold, and small dots appear under the wiki text.

• If you applied a link to related content, a regular hyperlink appears.
• If you link to existing content, the link is the same as quicklink.
• If you are creating new content, Ektron assigns a <span> tag to the selected text. For example:

  <Span class = "makelink">selected text here</span>

When the content is published, Ektron does the following:

• Detects the <span class = "makelink"> tag.
• Finds text surrounded by the <span> tag.
• Creates a new content block in the selected folder.
  • its name is typically the selected text. However, if the user used the wiki button, the user can modify the new content block’s title on the Add/Edit Wiki Link screen.
  • its initial text is New Content: content for selected text. (Fill in the topic text as you or other collaborators have time.)
• Gets the quicklink for the newly-created content block.
• Opens the original content and replaces the <span> tag with the quicklink to newly-created content.

Working with HTML

You do not need to know HTML to use eWebEdit400. However, if you know HTML, you can view, insert or edit your Web page’s HTML code by clicking at the bottom of the editor. The HTML code appears.

To return to normal view, click .

Working with Images

Prerequisite

Before you can insert an image into eWebEdit400, the image must be either uploaded to the Library or imported as an assetan external file, such as a Microsoft Word document or image, stored in Ektron. It can be managed like native Ektron content..

• Moving or Copying Content explains how to upload an image to the Library.
• Methods for Importing Assets explains how to import an asset.

Inserting an Image into the Editor