Visual view supported operation

Move selected area via drag and drop

The visual part will highlight the selected elements in source code editor. Then you can:

  • Move cursor to highlighted element and hold left mouse key - the visual part will enter drag and drop mode and display insert block
  • Move mouse/insert block then release the mouse key, selected source code will move to new position.

In some case, for example: move <TR> to last row of <TABLE>, you can hold CTRL key when move mouse. After you release mouse key, following dialog will appear for selecting destination.

Note:

  1. This function does not support move source code to different file.
  2. Due to a bug of XULRunner, you have to hold CTRL and move mouse before release mouse key.

Move to local anchor

HTML Source code
<a href="#top"> move to local anchor </a>
Will render to
 move to local anchor 

Hold CTRL key and click move to local anchor , the visual part will search following element and scroll page to the location.

  1. <a name="top"></a>
  2. Element that id="top"