Difference between revisions of "Orion/How Tos/Editor Build"

From Eclipsepedia

< Orion‎ | How Tos
Jump to: navigation, search
(Nightly builds & Releases)
(Nightly builds & Releases)
Line 17: Line 17:
 
<source lang="xml">
 
<source lang="xml">
 
<!doctype html>
 
<!doctype html>
<html lang="en">
+
<html>
 
<head>
 
<head>
<meta charset=utf-8>
 
 
<title>Orion Editor Sample</title>
 
<title>Orion Editor Sample</title>
 
</head>
 
</head>

Revision as of 17:20, 11 February 2013

Contents

Editor Builds

  • In order to make the Orion editor easier to consume, 2 new nightly builds have been introduced.
  • One build is targeted at users who already use the RequireJS module loader.
  • The other build is targeted at users who want to embed the editor without any other dependencies.
  • The builds are identical in functionality and are available both minified and non-minified.

Getting the Build

  • Users can grab the most recent editor code from the nightly builds or they can use the latest release available on the Orion editor web page.
  • Users need to download (or directly link to) one type of build (either the RequireJS or standalone) and the common CSS file.

Nightly builds & Releases

  • From the Orion build page, users can click on a nightly build or a release (starting with 2.0) and they will be presented with a page that now includes the built editor components:
<!doctype html>
<html>
<head>
<title>Orion Editor Sample</title>
</head>
<body>
Here is some Javascript code:
 
<pre>
/*
 * This is a orion editor sample.
 */
function() {
    var a = 'hi there!';
    window.console.log(a);
}
</pre>
</body>
</html>

EditorBuilds.png

  • build-editor-amd.min.js and built-editor-amd.js are the minified and non-minified versions of the RequireJS build.
  • built-editor.min.js and built-editor.js are the minified and non-minified versions of the standalone build.
  • built-editor.css is the built css file and is needed by both builds.

Orion Editor web page

  • The built editor files will also be available directly from the Orion editor web page releases section.

Using the Build

The following demos are going to use a sample html file that contains some Javascript code and then adds in the built editor.

Using the standalone build

  • These instructions are going to assume that you have downloaded the standalone build built-editor.min.js and css file to the same folder as the main html file (called test.html for this demo).