HTML Editting

Inserting HTML Code

Advanced Contribute users can add custom HTML code snippets to Contribute pages. For example, you can insert code snippets that run video or audio files in your web or blog pages. Please note, you can only add code snippets if the website administrator has granted the relevant permission to your user role.

You can create and insert your own HTML code snippets. Although Contribute validates the syntax of the code snippet, it does not validate the code for logical correctness. Therefore, it is recommended that you use this feature with discretion.

1. Browse to a web page.
2. Click Edit Page.
3. Place the insertion point in your draft where you want to insert the HTML code snippet.
4. Select Insert > HTML Snippet.
   
   The Insert HTML Snippet dialog box appears.
   Note: If your website Administrator has not enabled the Allow HTML Snippet Insertion option for your user role, the HTML Snippet option in the Insert menu will be disabled.
5. Type the code snippet, or insert the HTML code snippet you have copied from another source.
   
6. Click OK.
   The HTML code snippet is executed in the relevant draft.

Adding styles to HTML elements

• Styles can easily be applied in Contribute 4 via a drop-down menu
• Select element or text that you want to style
• Click on styles drop-down menu to see available styles
  
  
• Click on the correct style. Style is automatically applied to the selected element / text
• To edit an existing style place the cursor anywhere within the styled element, click on the drop-down menu and select a new style from the list
• To remove an existing style place the cursor anywhere within the styled element, click on the drop-down menu and select "Normal" from the top of the list

Note: Use Contribute to edit the file in an external application; changes you make to the local, original source file do not appear on your website.

Before you can use Contribute to start an external application editor, you may need to associate an editor with the type of the file you intend to edit. Contribute has preassigned editors for common file types.

1. To find the content you want to edit, do one of the following:
   • Browse to the page or file that contains the content you want to edit, and then click Edit Page.
   • Click the Choose button in the toolbar, navigate to the file you want to edit, and then click OK.
     Note: If the Contribute browser cannot display the page or file you’ve selected, you’ll see the File Placeholder page.
   • If you browsed to a page and opened it as a draft, right-click (Windows) or Control-click (Mac OS) the element you want to edit, and then select Edit In External Application. Contribute displays the External Application Editing page and starts an external editing application.
     Note: To change your default editor, see Setting file editor preferences.
2. If you are editing an image in Fireworks, click No in the Find Source dialog box to indicate that you do not want to edit the source file for this image; you want to edit the image for your website only.
3. In the external application, make changes as necessary; then save your changes and close the application.
   • Note: If you are editing in Fireworks, click the Done button in the editing window.
4. In Contribute, click one of the action buttons in the toolbar.
   • Click the Launch link on the External Application Editing page to open the content in the external editor again, to make additional changes.