| <?xml version="1.0" encoding="UTF-8"?> |
| <!DOCTYPE html |
| PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
| <html> |
| <head> |
| <!-- /******************************************************************************* |
| * Copyright (c) 2000, 2005 IBM Corporation and others. |
| * All rights reserved. This program and the accompanying materials |
| * are made available under the terms of the Eclipse Public License v1.0 |
| * which accompanies this distribution, and is available at |
| * http://www.eclipse.org/legal/epl-v10.html |
| * |
| * Contributors: |
| * IBM Corporation - initial API and implementation |
| *******************************************************************************/ --> |
| <link rel="stylesheet" type="text/css" href="../../org.eclipse.wst.doc.user/common.css" /> |
| <title>Workbench integration with Web editors</title> |
| </head> |
| <body id="cwwedtvw"><a name="cwwedtvw"><!-- --></a> |
| |
| <h1 class="topictitle1">Workbench integration with Web editors</h1> |
| <div><p>There are several editors for use in various contexts |
| |
| for various file types. To edit a file using its default editor, double-click |
| |
| on the file name in the Project Explorer view, or right-click on the file |
| |
| and select <span class="uicontrol">Open</span>. The editor that is last used to open |
| |
| a file becomes the default for that particular file. To edit the file with |
| |
| a different editor, right-click on the file and select <span class="uicontrol">Open With</span> to |
| |
| choose from a list of available editors.</p> |
| <p>In the workbench, you can associate file-name extensions for different |
| |
| types of resources with various editors. A resource extension can have more |
| |
| than one editor associated with it; the last editor used for a particular |
| |
| extension type is indicated by a black dot before it in the <span class="uicontrol">Open |
| |
| With</span> pop-up menu. You can associate extensions that are known |
| |
| to the workbench with additional editors, by using the <b>File Associations</b> preferences |
| |
| page, accessed by selecting <span class="menucascade"><span class="uicontrol">Window</span> > <span class="uicontrol">Preferences</span> > <span class="uicontrol">Workbench</span> > <span class="uicontrol">File Associations</span></span>.</p> |
| <div class="p">The Properties view provides general capabilities that are advantageous |
| |
| to Web editor users. <dl><dt class="bold">Properties view</dt> |
| <dd>The Properties view (<span class="menucascade"><span class="uicontrol">Window</span> > <span class="uicontrol">Show |
| |
| View</span> > <span class="uicontrol">Properties</span></span>) contains |
| |
| a list of attributes and editable attribute values. For example, when you |
| |
| select an image tag <span class="uicontrol">img</span> , the width and height values |
| |
| appear for editing. In addition, any other attributes allowed by the standard |
| |
| specified in the DOCTYPE for the file (such as the HTML 4.0.1 DTD) are listed. |
| |
| When you click the value column of a property, you can select from among the |
| |
| list of available attribute values. <p>The pop-up menu in the Properties view |
| |
| enables you to undo, cut, copy, paste, delete, and select all. The options |
| |
| that are available at a given time depends on where the cursor is located |
| |
| when you right-click to display the pop-up menu. To see the pop-up menu that |
| |
| contains undo, cut, and so on, the property value field must be active. (This |
| |
| is accomplished by selecting the property and then selecting its value.) Otherwise, |
| |
| the pop-up menu will contain different options.</p> |
| <p>Use the <span class="uicontrol">Restore |
| |
| Default Value</span> button to change any value back to the default setting.</p> |
| <p>After |
| |
| you are in the Properties view, you can modify other property values for specific |
| |
| tags. To edit another tag using the Properties view, move the cursor within |
| |
| the editing area of the Source page or Design page to the tag you want to |
| |
| edit. The appropriate properties and values are displayed in the Properties |
| |
| view.</p> |
| </dd> |
| </dl> |
| </div> |
| </div> |
| <div><p><b class="relconceptshd">Related concepts</b><br /> |
| <a href="ccwtover.html" title="">Web application overview</a><br /> |
| <a href="ccwebper.html" title="">The Web perspective</a><br /> |
| <a href="cwebdevelopmenttools.html" title="">Web development tools</a><br /> |
| </p> |
| <p><b class="reltaskshd">Related tasks</b><br /> |
| </p> |
| </div> |
| </body> |
| </html> |