WebStorm 9.0.0 Web Help

WebStorm suggests several ways to view images, embedded in the HTML files. You can use navigation to source, open an image in an external graphical editor, or preview images on-the-fly. The viewing modes are configurable in the Images dialog.

To view an image in WebStorm
  1. In the Project tool window, select the desired image file.
  2. On the context menu of the file, choose Jump to Source, or press F4F4F4F4F4F4F4F12 or Ctrl+Shift+ECommand Down or F4F4F3.

Tip

Configure the path to the desired external editor in the External Editor section of the Images dialog.

To view an image in an external editor
  1. In the Project tool window, select an image file.
  2. On the context menu of the file, choose Open in external editor, or press Ctrl+Alt+F4.
To preview an image, place the caret at a reference to an image in the editor, and do one of the following
  • On the context menu, choose Jump to Source.
  • Invoke the Navigate to declaration feature by pressing Ctrl+B, Ctrl+Button1 Click or Button2 ClickCtrl+B, Ctrl+Button1 Click or Button2 ClickCtrl+B, Ctrl+Button1 Click or Button2 ClickCtrl+B, Ctrl+Button1 Click or Button2 ClickCtrl+Alt+G, Escape, Period, Alt+Period or Ctrl+Button1 ClickF12, Shift+F2, Ctrl+B, Ctrl+Button1 Click or Button2 ClickCtrl+B, Ctrl+Button1 Click or Button2 ClickF3 or Ctrl+Button1 ClickCommand B, Command Button1 Click or Button2 ClickCommand B, Command Button1 Click or Button2 ClickF3 or Control Button1 Click.

See Also

Concepts:

Procedures:

Reference:

Web Resources: