HTML Editor Settings

CuteFTP comes with a built-in HTML editor with which you can view and edit HTML files both on your local drive and on remote servers. Alternatively, you can specify a third-party application to view and edit files (such as Notepad, EditPlus, Dreamweaver, and so on).

Note the difference between Opening and Viewinga file:

  • On the main menu, click File > Open (or press CTRL+E). The file opens in your browser (e.g., Internet Explorer).

  • On the main menu, click File > View (or press CTRL+W). The file opens in the HTML editor that you specify in the Helper Applications node. If you are using the built-in HTML editor, the file opens in the right pane, showing the HTML code. (You can change from tabbed view to full screen on the HTML Editor settings page.)

  • On the main menu, click File > Edit (or press CTRL+ENTER). The file opens in the HTML editor that you specify below. If you are using the built-in HTML editor, the file opens in the right pane, showing the HTML code. (You can change from tabbed view to full screen on the HTML Editor settings page.)

    • If you open an HTML file in the built-in HTML editor by clicking File, then clicking View, you can still edit and save the file.

To access Helper Applications

  1. On the main menu, click Tools > Global Options (or press ALT+F7).

  2. Expand the Helper Applications node. The Helper Applications options appear.

  3. Configure options as described below.

    • To view files in CuteFTP's built-in HTML editor, select the Use the integrated HTML editor to view files check box.

    • To specify the application in which to view files, in the File Viewer box, clear the check box, then browse for or type the path to the program you want to use.

    • To open files for editing in CuteFTP's built-in HTML editor, select the Use the integrated HTML editor to edit files (recommended) check box. The HTML code for the file appears in the right pane. (You can change from tabbed view to full screen on the HTML Editor settings page.) On the main menu, click File, then click Save (CTRL+S) or Save As to save your changes.

    • To open files for editing in another editor, clear this check box , then in the File editor box, browse for or type the path to the program you want to use.

      • When you edit remote files in a third-party editor, CuteFTP launches the editor and then monitors the folder containing the temporary file being modified. After you save your changes, CuteFTP uploads the changes to the server.

  4. Click Apply if you are going to make changes to other pages; click OK to save changes and close the Global Options dialog box.

To view or edit HTML Editor settings

  1. On the main menu, click Tools > Global Options (or press ALT+F7).

  2. Expand the Helper Applications node, then click HTML Editor. The HTML Editor options appear.

  3. Configure options as described below.

    • To display the editor in full screen, select the Display editor using Full Screen view check box. To display the editor as a tab in the CuteFTP window, clear the check box. By default, CuteFTP displays the HTML editor in tab view mode.

    • To add line breaks at the right end of long lines, so that you can see entire lines of code without scrolling to the left or right, select the Enable word wrap check box. Clear this check box and the HTML editor will use line breaks where you add them. You might have to scroll to the right to see the ends of longer lines of code.

    • To display numbers at the beginning of each line of code, select the Prefix each line with line numbers check box. If word wrap is enabled, the numbers will only display after line breaks you have entered. The line numbers are not saved as part of the document. Clear this check box and no line numbers will be displayed.

    • To allow the cursor to keep moving to the right after the last character in a line, select the Allow editing beyond the end of line check box. Clear this check box to force the cursor to return to the left end of the following line after the last character in a line. (The Allow editing beyond the end of line check box is only available if Enable word wrap is cleared.)

      • If you disable Allow editing beyond the end of line, you can still add more characters after the right-most character.

    • To specify the number of spaces you want the cursor to move to the right when you hit the TAB key, in the Tab size box, type a number from 1 to 32.

    • To change the HTML code and text that is generated automatically when you start a new document in the HTML editor, click Edit new document template. The template appears for you to edit. When you have finished making changes, click Close.

    • To specify the type, style, and size of the font displayed in the HTML Editor, click Choose font for editor. After you make changes, click OK; to abort the changes, click Cancel.

  4. Click Apply if you are going to make changes to other pages; click OK to save changes and close the Global Options dialog box.

To specify display colors for HTML tags and Perl scripts

  1. On the main menu, click Tools > Global Options (or press ALT+F7).

  2. Expand the Helper Applications node, expand the HTML Editor node, then click Colors. The HTML Editor Colors options appear.

  3. Configure options as described below.

    • For each HTML tag set and for Perl script components, select a color from the drop-down lists.

    • To use the system default colors for the background (white) and text font (black), select the Use system settings check box.

    • To choose different colors for the background and text font, clear the Use system settings check box, then in the Background and Text font drop-down lists, specify the colors.

  4. Click Apply if you are going to make changes to other pages; click OK to save changes and close the Global Options dialog box.