CoffeeCup - HTML Editor, Flash & Web Design Software

If you have ever been frustrated at having to type the same piece of code over and over, you will find snippets a great way to simplify the coding process. Using snippets, you can create re-usable pieces of code for HTML, JavaScript, DHTML, Perl, or any other scripting language. While CoffeeCup HTML editor comes equipped with many pieces of re-usable code, no doubt you will find many more instances that you will be using over and over. A snippet is any piece of code that you can drop into your page. It can be as simple as a

tag or as complicated as a Perl Scirpt that functions as a guestbook. To view your snippets, click on the snippets tag on the left hand side of the screen. In this example, we will create a snippet for a font setting.

First, on the Main Menu, click on File > New... This will open a pop up window. Click on Snippet File and click Open.

A blank page will open. On the open page, you can type in the code you want to use as a snippet. For this example, type:

<font face="Arial, Helvetica, sans-serif">

Now, on the Main Menu, click File > Save As... This will open a list of snippets already saved. In the file name field, type something to remember your snippet as, such as "Font" then hit Cool.

Now, on the Main Menu, click View > Snippets Tab. You will notice a new snippet called Font.snp on the list. Click on it once. In the preview window, your snippet is displayed. Anytime you want to insert your snippet into a page, simply double click on the name. This will insert your snippet at the cursor location.