Friday, June 26, 2015

Orion 9.0 Code Edit Widget With Language Tooling

Eclipse Orion has just announced version 9.0 with greatly enhanced javascript language tooling features. In addition to using Orionhub.org as an IDE, developers have been demanding that they can embed the Orion editor into their web pages with all the features that Orion offers. Now Orion 9.0 comes with a new widget called "Code Edit".

Consuming the Code Edit widget is very simple. You just need to go to the Orion 9.0 download page and download the widget build that is named built-codeEdit.zip.









After downloading the build you can host the unzipped files into your web server and start to consume it in your web page. The Code Edit wiki page describes how to consume it but as a quick start you can use the run-able html example to launch it. It only takes you several minutes to do so. We've also hosted a demo page where you can try the widget right now!














While Orion 9.0 announcement describes some new tooling features in 9.0, there are existing features like syntax highlighting, problems validation, quick fixes, etc. You can find a quick guide from the feature list on the demo page.
The demo page only demos a javascript file but the widget supports more languages such as css, html and most of the web languages. You can also theme the editor's syntax highlighting and other visual parts. The Code Edit wiki page will describe more on these.
As the Code Edit widget is part of the Orion build, we are actively adding features and doing bug fixes for the widget. Stay tuned with the post 9.0 stable builds!
As part of the future plan, we will allow users to inject their own plugins to the widget. For example, this will allow users to add new language syntax highlighting, add more editor commands, add their own file systems for multiple file reference on language tooling, etc.