Settings:Editor:Image drag-and-drop

The Editor » Image drag-and-drop branch of Settings has the following options.

Insert link to images when dragged-and-dropped into web file

If this option is selected, images may be added to web files as HTML or CSS code using one of three methods:

1. By dragging and dropping the image file(s) from Windows Explorer
2. By dragging and dropping the image file(s) from the File view (Explorer or Project pane)
3. By double-clicking the image file(s) in the File view (Explorer or Project pane)

This feature keys off the active file's highlighting type, and will only work for web-based languages (HTML, Javascript, Perl, PHP, VBScript, XML, CSS). The following image-based file extensions are supported for this operation: BMP, GIF, ICO, JPEG, JPG, PNG, SVG, TIFF.

If this option is not selected, image files opened via any of the methods described above will be opened in the editor in hex mode.

Format

The Format text fields can be used to modify the text template to be used when inserting the image into web-based files. Click on the ? button to see a reference of valid image format variables. This allows you to change the text / format the editor inserts for the HTML or CSS image.

Note: If you hold the Ctrl key while dragging an image file(s) from Windows Explorer and dropping it into a web-based file in the editor, the "Insert image(s) / customize" dialog (shown below) will appear before the images are inserted into your source code. You can use this dialog to customize the inserted image string for that operation only. This does not affect the default format string defined in this section of settings.

HTML

This field is used to define the string to be used when inserting an image string into web-based files.

CSS

This field is used to define the string to be used when inserting an image string into CSS sections of web-based files.