Luna SR 2
MyEclipse continues to be based on the latest Eclipse releases – CI 12 is based on Eclipse Luna SR2 (4.4.2), an upgrade from SR1 (4.4.1) used in prior versions.
Do you find yourself working with a lot of HTML? Maybe CSS or XML? It can often be tiresome to type in loads of markup or simply make the edits you need easily and quickly, especially when dealing with a large amount of content. This is where Emmet comes in!
Unlike regular snippet functionality, with Emmet you can type CSS-like expressions which are dynamically parsed and then expanded immediately into well formed markup, saving you loads of typing.
For example, in an HTML file, if you type: nav>ul>li and press Ctrl + Alt + Enter, you will get
A more complicated example, ul>li.item$*5 will result in
Now, a couple of CSS examples:
bd:n expands to border: none;
ff:v expands to font-family: Verdana, Geneva, sans-serif;
There are literally hundreds of additional abbreviations – in MyEclipse, bring up the context menu in a supported file and choose Emmet>Emmet Cheat Sheet for a list. Also, there are dozens of useful keyboard shortcuts and everything is customizable, of course. If you don’t like Ctrl + Alt + Enter, you could switch to any other key combination (perhaps the Tab key?) by editing the key bindings in Window>Preferences>General Keys.
Beyond code expansion, Emmet also helps with code navigation and selections too. Emmet works in (X)HTML, CSS, XML, XSL and JSP files. It will even give you CSS specific expansions in the CSS sections in HTML files or HTML support at appropriate locations in JSP files.
See the MyEclipse HTML Editor doc for a quick demo.
A big hat tip to Sergey Chikuyonok for his fantastic work on both Emmet and Emmet-Eclipse. For tech folk out there, the version of Emmet we’re using internally is 1.2.2.
Icon Preview of Images
If you work with images, you’ll find the new icon preview really handy. Instead of seeing the boring, standard icon for images, we now render an icon sized version of your image right in the explorer tree.
Note: To keep things efficient, we only render thumbnails for images that are 100KB or smaller in size. Images larger than that typically have dimensions that reduce the utility of the 16×16 scaled down versions.
A hat-tip, again, to Jeeyul for his pde-tools plugins from which we bring you this functionality.