diff --git a/index.html b/index.html index 941cf169..eec0f3f2 100644 --- a/index.html +++ b/index.html @@ -1,710 +1,127 @@ - - - - - - Ace Kitchen Sink - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - -
- - - -
- - - -
- - - -
- - - -
- - - -
- - - -
- - - -
- - - -
- - - -
- - - -
- - - -
- - - -
- - - -
- - - -
- - - -
- -
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + ACE - Ajax.org Cloud9 Editor + + + + + + + + +
+
+
+
+
+

User Resources

+ +

Related Projects

+ +

Projects Using Ace

+ +

Syntax Highlighters

+ +
+
+
+

Ace is a standalone code editor written in JavaScript. Our goal is to create a web based code editor that matches and extends the features, usability and performance of existing native editors such as TextMate, Vim or Eclipse. It can be easily embedded in any web page and JavaScript application. Ace is developed as the primary editor for Cloud9 IDE and the successor of the Mozilla Skywriter (Bespin) Project.

+ +

Features

+
+ +
    +
  • Syntax highlighting
    • +
  • Auto indentation and outdent
    • +
  • An optional command line
    • +
  • Work with huge documents (100,000 lines and more are no problem)
    • +
  • Fully customizable key bindings including VI and Emacs modes
    • +
  • Themes (TextMate themes can be imported)
    • +
  • Search and replace with regular expressions
    • +
  • Highlight matching parentheses
    • +
  • Toggle between soft tabs and real tabs
    • +
  • Displays hidden characters
    • +
  • Highlight selected word
    • +
+ +

Take Ace for a spin!

+
+

Check out the Ace live demo or get a Cloud9 IDE account to experience Ace while editing one of your own GitHub projects.

+ +

History

+
+

Previously known as “Bespin” or lately “Skywriter” it’s now known as Ace (Ajax.org Cloud9 Editor)! Bespin and Ace started as two independent projects both aiming to build a no compromise code editor component for the web. Bespin started as part of Mozilla Labs and was based on the <canvas> tag, while Ace is the Editor component of the Cloud9 IDE and is using the DOM for rendering. After the release of Ace at JSConf.eu 2010 in Berlin the Skywriter team decided to merge Ace with a simplified version of Skywriter's plugin system and some of Skywriter's extensibility points. All these changes have been merged back to Ace now, which supersedes Skywriter. Both Ajax.org and Mozilla are actively developing and maintaining Ace.

+ + +

Getting the code

+
+

Ace is a community project. We actively encourage and support contributions. The Ace source code is hosted on GitHub. It is released under the Mozilla tri-license (MPL/GPL/LGPL). This is the same license used by Firefox. This license is friendly to all kinds of projects, whether open source or not. Take charge of your editor and add your favorite language highlighting and keybindings! + 

git clone git://github.com/ajaxorg/ace.git

+ +
+
+
+ + + + + diff --git a/kitchen-sink.html b/kitchen-sink.html new file mode 100644 index 00000000..941cf169 --- /dev/null +++ b/kitchen-sink.html @@ -0,0 +1,710 @@ + + + + + + Ace Kitchen Sink + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + +
+ + + +
+ + + +
+ + + +
+ + + +
+ + + +
+ + + +
+ + + +
+ + + +
+ + + +
+ + + +
+ + + +
+ + + +
+ + + +
+ + + +
+ + + +
+ +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/site/images/ace.png b/site/images/ace.png new file mode 100644 index 00000000..9b7c40c8 Binary files /dev/null and b/site/images/ace.png differ diff --git a/site/images/background.png b/site/images/background.png new file mode 100644 index 00000000..c6ee9313 Binary files /dev/null and b/site/images/background.png differ diff --git a/site/images/body_background.png b/site/images/body_background.png new file mode 100644 index 00000000..2101cdfa Binary files /dev/null and b/site/images/body_background.png differ diff --git a/site/images/bottombar.png b/site/images/bottombar.png new file mode 100644 index 00000000..2e76bf84 Binary files /dev/null and b/site/images/bottombar.png differ diff --git a/site/images/fork_on_github.png b/site/images/fork_on_github.png new file mode 100644 index 00000000..e8ddb66e Binary files /dev/null and b/site/images/fork_on_github.png differ diff --git a/site/images/logo.png b/site/images/logo.png new file mode 100644 index 00000000..6af129d9 Binary files /dev/null and b/site/images/logo.png differ diff --git a/site/iphone.css b/site/iphone.css new file mode 100644 index 00000000..f1c2ba03 --- /dev/null +++ b/site/iphone.css @@ -0,0 +1,25 @@ +#wrapper { + position:relative; + overflow:hidden; +} + +#wrapper .content .column1 { + margin:0 16px 0 15px; +} + +#header .content .signature { + font-size:18px; + bottom:0; +} + +UL.menu-list LI { + font-size:22px; +} + +UL.menu-footer LI { + font-size:22px; +} + +PRE{ + font-size:22px; +} diff --git a/site/style.css b/site/style.css new file mode 100644 index 00000000..b452add7 --- /dev/null +++ b/site/style.css @@ -0,0 +1,230 @@ +body { + margin:0; + padding:0; + background-color:#e6f5fc; + +} + +H2, H3, H4 { + font-family:Trebuchet MS; + font-weight:bold; + margin:0; + padding:0; +} + +H2 { + font-size:28px; + color:#263842; + padding-bottom:6px; +} + +H3 { + font-family:Trebuchet MS; + font-weight:bold; + font-size:22px; + color:#253741; + margin-top:43px; + margin-bottom:8px; +} + +H4 { + font-family:Trebuchet MS; + font-weight:bold; + font-size:21px; + color:#222222; + margin-bottom:4px; +} + +P { + padding:13px 0; + margin:0; + line-height:22px; +} + +UL{ + line-height : 22px; +} + +PRE{ + background : #333; + color : white; + padding : 10px; +} + +#header { + height : 227px; + position:relative; + overflow:hidden; + background: url(images/background.png) repeat-x 0 0; + border-bottom:1px solid #c9e8fa; +} + +#header .content .signature { + font-family:Trebuchet MS; + font-size:11px; + color:#ebe4d6; + position:absolute; + bottom:5px; + right:42px; + letter-spacing : 1px; +} + +.content { + width:970px; + position:relative; + overflow:hidden; + margin:0 auto; +} + +#header .content { + height:184px; + margin-top:22px; +} + +#header .content .logo { + width : 282px; + height : 184px; + background:url(images/logo.png) no-repeat 0 0; + position:absolute; + top:0; + left:0; +} + +#header .content .title { + width : 605px; + height : 58px; + background:url(images/ace.png) no-repeat 0 0; + position:absolute; + top:98px; + left:329px; +} + +#wrapper { + background:url(images/body_background.png) repeat-x 0 0; + min-height:250px; +} + +#wrapper .content { + font-family:Arial; + font-size:14px; + color:#222222; + width:1000px; +} + +#wrapper .content .column1 { + position:relative; + overflow:hidden; + float:left; + width:315px; + margin-right:31px; +} + +#wrapper .content .column2 { + position:relative; + overflow:hidden; + float:left; + width:600px; + padding-top:47px; +} + +.fork_on_github { + width:310px; + height:80px; + background:url(images/fork_on_github.png) no-repeat 0 0; + position:relative; + overflow:hidden; + margin-top:49px; + cursor:pointer; +} + +.fork_on_github:hover { + background-position:0 -80px; +} + +.divider { + height:3px; + background-color:#bedaea; + margin-bottom:3px; +} + +.menu { + padding:23px 0 0 24px; +} + +UL.content-list { + padding:15px; + margin:0; +} + +UL.menu-list { + padding:0; + margin:0 0 20px 0; + list-style-type:none; + line-height : 16px; +} + +UL.menu-list LI { + color:#2557b4; + font-family:Trebuchet MS; + font-size:14px; + padding:7px 0; + border-bottom:1px dotted #d6e2e7; +} + +UL.menu-list LI:last-child { + border-bottom:0; +} + +A { + color:#2557b4; + text-decoration:none; +} + +A:hover { + text-decoration:underline; +} + +P#first{ + background : rgba(255,255,255,0.5); + padding : 20px; + font-size : 16px; + line-height : 24px; + margin : 0 0 20px 0; +} + +#footer { + height:40px; + position:relative; + overflow:hidden; + background:url(images/bottombar.png) repeat-x 0 0; + position:relative; + margin-top:40px; +} + +UL.menu-footer { + padding:0; + margin:8px 11px 0 0; + list-style-type:none; + float:right; +} + +UL.menu-footer LI { + color:white; + font-family:Arial; + font-size:12px; + display:inline-block; + margin:0 1px; +} + +UL.menu-footer LI A { + color:#8dd0ff; + text-decoration:none; +} + +UL.menu-footer LI A:hover { + text-decoration:underline; +} + + + +