facebook
Webclipse

JavaScript Syntax Highlighting with JSjet

JSjet includes outstanding syntax highlighting for JavaScript in Eclipse, helping you quickly comprehend code, focus on key components and quickly spot errors. JSjet is available in Webclipse or MyEclipse.

Back to Learning Center

JSjet was introduced in version 2016 CI 3 of Webclipse and MyEclipse.

Syntax Highlighting for JavaScript

JSjet utilizes the Acorn parser to provide unique colors for a multitude of JavaScript elements based on semantics. Syntax highlighting includes support for new ES 6 constructs like classes, templates, import/export statements and many more.

SyntaxHilightExample
Example of JavaScript syntax highlighting

Highlighting Embedded JavaScript

JSjet includes syntax highlighting for JavaScript included within HTML files. Even the small bits of JavaScript in an onclick attribute are properly highlighted.

JSSyntaxHighlightingHTML2
Example of JavaScript code in an HTML file

 

Setting Preferences for Syntax Highlighting

You can modify many of the color and styling preferences for elements affected by syntax highlighting. To edit the default settings for an element, go to Windows>Preferences>(MyEclipse>)JavaScript>Editor>Syntax Coloring. Some elements are always styled and cannot be disabled, the Enable checkbox is grayed out. For others, you can decide whether you want to enable or disable syntax highlighting. For each element you can select the desired color and styling. 

JSSyntaxColoring
Preferences for syntax highlighting