Ektron 9.00
The eWebEdit400 editor is a Web content editor designed for dynamic websites that lets you create and publish Web content in any language supported by the operating system and your website. You can use the eWebEdit400 editor on Windows and Macintosh operating systems.
Although you can still use the eWebEdit400 editor, it is not the default editor since Ektron Version 8.7. For information about the default editor, see Editing in Ektron.
To use a the eWebEdit400 editor in Ektron, edit web.config
and set ek_EditControlWin
(Windows) or ek_EditControlMac
(MacIntosh) to ContentDesigner
.
<!-- EditControlWin may be either "Aloha" or "ContentDesigner" or "eWebEditPro" or "UserPreferred" --> <add key="ek_EditControlWin" value="ContentDesigner" />
Working with Tables in eWebEdit400 has more information about working with tables in the eWebEdit400 editor.
eWebEdit400 Toolbar
When you cut, copy and paste from Microsoft Word, you can preserve the styles, class attributes, and HTML tags by following these steps:
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.
<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.
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).
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
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.
Use the last button to remove justification.
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.
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.
NOTE: You can undo replacements one at a time using the Undo button ().
Continue to find and optionally replace or edit until you reach the end of the text.
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.
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:
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:
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:
NOTE: To create jumps within a content block, see Using Bookmarks.
http://
, enter the address of the destination Web page. For example, www.ektron.com
. If your Ektron library includes a hyperlink that you want to apply, click the ellipsis button ( ) to browse the library and choose one.rel
attribute. See Also: HTML <a> rel Attribute. And use the Reverse Relationship field to set the link's rev
attribute. See Also: HTML <link> rev AttributeAn email link resembles a hyperlink. When a site visitor clicks the link, instead of opening a Web page, the person's email application is launched. To create an email hyperlink:
Click the E-mail tab. The selected text appears in the Link Text field.
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.
[[ ]]
). This is quick.NOTE: Membership users cannot choose a folder. The new content is created in the same folder as the content being edited.
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.
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.
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.
<span>
tag to the selected text. For example:<Span class = "makelink">selected text here</span>
When the content is published, Ektron does the following:
<span class = "makelink">
tag.<span>
tag.<span>
tag with the quicklink to newly-created content.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.
NOTE: If you are inserting an assetan external file, such as a Microsoft Word document or image, stored in Ektron. It can be managed like native Ektron content., its content ID number (for example, assets/1062.jpg
) appears in the Insert Library Item screen.
Alternatively, you can insert a miniature version of the image, called a thumbnail, by clicking the thumbnail button (). When the thumbnail appears on a Web page, a site visitor can click it to view a full-sized image.
NOTE: You can change the thumbnail image by right clicking it, selecting Set Image Properties and editing the Image Src field. If you do that, however, and someone clicks it, the original full-sized image appears. If you want to change both the thumbnail and the full-sized image, delete it then enter a new thumbnail.
To delete an image, click it and click Cut ().
To edit an image, right click it and choose Image Modification Tool.
NOTE: The Image Modification Tool is not available in the default editor. To edit image properties in the default editor, choose Review > Inspect Properties, then click the image. The Inspector shows the properties you can edit.
To add a border around a picture, enter the border’s thickness in pixels in the Border Width field on the Image Properties dialog.
1 pixel border
10 pixel border
If the picture is not a hyperlink, its border is black. If the picture is also a hyperlink, the border is the same color as a hyperlink (for example, blue or purple if visited).
To align an image , use the Image Alignment field on the Image Properties dialog.
image
On the Image Properties dialog box, you can use the Spacing fields (Horizontal and Vertical) to add space around the picture. You enter a number of pixels to determine spacing value.
NOTE: When you save an image, a version is placed in the siteroot/uploaded images/CMS folder
folder. The version is named filename.nextnumber.file extension.
For example, if a library image is named ektronlogo.png, and someone inserts it into content and saves it, a new version is created and named ektronlogo.1.png
. If someone later saves that image in another content block (or even another section of the same content), that version is named ektronlogo.2.png
. Also, whenever someone edits and saves the image, a new version is created and assigned the next highest number.
These edits have no effect on the original image stored in the library.
After an image in inserted, you can adjust the image properties by right clicking on the image and choosing Set Image Properties.
NOTE: To edit image properties in the default editor, choose Review > Inspect Properties, then click the image. The Inspector shows the properties you can edit.
If a color has already been assigned, it appears next to this field label. To change it, click down arrow next to the color to display the color palette.
alt
text. Change if desired.The alt
text appears in place of the image on the Web page if the image does not display. Examples of when an image does not display include:
If you want to change the image, click the ellipsis () button to open the library. From there, select a replacement image.
NOTE: The Width and Height settings determine the area on a Web page in which the image appears. To display an image correctly, its height and width settings should match its actual size (set using the resize button). See Also: Working with Images
In this state, if one dimension is adjusted, the other is automatically adjusted in proportion to it. For example, if you change the height from 100 to 200, the width is also doubled.
To turn Constrain off, click it. When you do, it looks like this.
When Constrain is off, the adjusted picture can be disproportionate.
NOTE: If you substantially adjust a picture’s height and/or width, the picture may be distorted when users view your Web page.
If you want to remove an image from content created from an XML Smart Forman Ektron-defined Web page that contains XML (hidden from the end user) to display content, and receive, verify, and save user input. and eWebEdit400 is your editor, click image (), open the Image Properties dialog, and delete the image path (circled below).
NOTE: If you begin editing an image then click cancel (), and later try to edit that image, you may see a small, red x instead of the image. (This problem only occurs if your browser is Internet Explorer.) To remedy the problem, go to Tools > Internet Options > Browsing History > Settings (or Temporary Files > Settings in Internet Explorer 6). Set Check for newer versions of stored pages to Every Visit.