Editor Preference

Visual part options

  • Ignore code in image/file path : For element like <img src="<%=???%>"/my.jpg>, whether to ignore the scriptlet in attribute "src".
  • Display hidden elements : whether to display hidden element. The outline object use CSS style "css_style_for_hidden" and "css_style_for_hidden_border"
  • Move selection after click HIDDEN label : The outline of hidden element always come with a label "HIDDEN", whether to move selection after click the label.
  • Render JSP tag library : whether to render JSP tag library
  • Truncate statement of JSP tag lib : Short the output text of JSP tag data, the full output text are displayed as hint
  • Always show broken image : Display broken image if the image of <img src='???'> or <input type='image'> does not exist.
  • Always extend TD/TH selection to bottom : the effect is similar to select TD/TH of first row.
  • Detect double click event : Disable this option could reduce the response time of mouse click event, but it may lost some mouse double click event.
  • Do NOT load external resource : do not load image/css file or other resource link to external site
  • Enable IE8 Mode : Set Compatibility mode to IE8, so CSS style and other IE8 supported feature will be enable(for v1.x)
  • Force html scroll bar display/Force body scroll bar display : If the scroll bar does not display, check this option may fix problem(for v1.x)
  • Show element name when mouse move : hide the object or set the position of the object. The object used CSS style "css_style_for_highlight"
  • Editor Orientation : show visual part on top or left side
  • Output empty element's id : For example, the <span id='test' style='border: solid red 1px'></span> will display like id='test'
  • Text of first inserted cell : After insert rows/columns, set inner text of first cell on the left/top.

The visual part always Delay rendering after source code changed. The large file editing may take long rendering time, make this value larger could improve the usability.

Editor cursor control

The cursor config are used to control the cursor when you click on visual part.

The controller try to compare the node condition one by one. Then move cursor to start/end or start area when condition matched. Support conditions include:

  • Whole Attribute : if attribute name match one of specified name, move cursor to attribute.
  • Attribute Value : similar to previous one but move cursor to attribute's value.
  • Child Text Node : perform xpath search "descendant-or-self::text()", move cursor to first matched node.
  • Start Tag : if node type is Element, move cursor to start tag.
  • All childs : if node type is Element, move cursor to end of start tag/start of end tag or select all child nodes.
  • Whole Node : if "By click position" are selected and visual part return the actual position, move cursor to there.
For example: click object with source code
<html:textarea property="abc">Sample text</html:textarea>

With following cursor config, the Attribute Value are matched and cursor will move to the end of <html:textarea property="abc

The cursor config can be changed temporary by right click on visual part and select "Cursor config"->"Custom cursor config". Following dialog will be opened.

CSS style of rendered element

When JSP Taglib rendered to HTML element, the CSS style of HTML element can also be modified here.