Orion 'Code Edit': A Really Sweet Stand-Alone Code Editor Eric Moffatt Orion Committer IDS Web IDE (Tooling)

The Evolution of Code Edit Orion has had an 'Editor' widget from the early days: Just editing support (color coding and basic parsing for warnings / errors) NO Plugins ! As clients saw the tooling capabilities get better they wanted them ! Code Edit was born of the need to provide a more capable embedded editor Working with various clients helped to polish Code Edit's customization abilities

What is Code Edit ? A 'widget' that clients can host on their server and then use on their pages to access the editing capabilities of Orion Highly Customizable Install any existing plugin or make your own Add / override existing services (FileSystem...) Access to the 'guts' of the editor view allows access to low level API (setSelection, setText,...)

What does Code Edit Provide 'out of the box' ? Size matters, we can't just wrap everything Basic editing (the original embedded editor) Tooling for JavaScript, CSS & HTML A large number of supported content types /w syntax highlighting... Access to the 'editorViewer' API Service Registry API Low level Editor API Input Manager API

Code Edit Orion How do we produce it ? Pages Git Sites Settings... Orion Editor Page Orion Editor Navigator Search Pane Menu / TB Plugins Orion CoreJSCSS / HTMLGit... Banner... JS CSS / HTML Orion Editor Orion Core Stubs (FS,...)

Show Time !

Customizations File System Comes with a dev/null version (i.e. save doesn't) We do have an HTML5 FS available Add existing Orion plugins Add your own plugins / extensions

Connecting to Your Environment Code Edit doesn't know about files but you can implement your own FileSystem or use our HTML5 version If you are using Code Edit as a 'snippet' editor then you can simply add a 'Save' button to you page that uses the editorView API to retrieve the text from the widget and store it where you want

Questions ? Since we want folks to adopt Code Edit for their own pages we have a wiki page dedicated to getting you started: