jyapayne/ace
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update ace.ajaxorg site

Browse source
This commit is contained in:
Garen Torikian 2012-04-26 23:11:50 -07:00
commit 7c86367f28
6 changed files with 228 additions and 181 deletions
Download patch file Download diff file Expand all files Collapse all files

70
doc/resources/ace/skeleton/csses/ace_api.css
View file

@ -87,8 +87,15 @@ blockquote p{
Header and shoulders Header and shoulders
*/ */
ul.topLinks { .navbar .nav > li {
padding-left: 290px; float:none;
display:inline-block;
*display:inline; /* ie7 fix */
zoom:1; /* hasLayout ie7 trigger */
}
.navbar {
text-align:center;
} }
.small_win #topSection { .small_win #topSection {
@ -119,27 +126,26 @@ ul.topLinks {
left: 210px; left: 210px;
} }
.c9-sponsor { .masthead {
background: url(../images/c9-sponsor.png) no-repeat 0 0; background: #101010 url(../images/dashed_back.png) repeat 0 0;
z-index: 1;
width: 112px;
height: 119px;
position: absolute;
top: 55px;
right: 0;
outline: none;
} }
.jumbotron h1 { .masthead .container {
font-size: 54px; /*width: 680px;*/
line-height: 1; padding-left: 285px;
text-shadow: 0 1px 2px rgba(0, 0, 0, .5); margin: 0 auto;
color: white;
}
.jumbotron {
min-width: 1000px;
padding-top: 40px;
position: relative;
} }
.jumbotron h1, .jumbotron p { .jumbotron .inner {
margin-bottom: 9px; /* background: transparent url(../images/header-back.png) top center;*/
color: white; padding: 45px 0;
/* text-align: center;*/ /* -webkit-box-shadow: inset 0 10px 30px rgba(0,0,0,.3);
text-shadow: 0 1px 1px rgba(0, 0, 0, .3); -moz-box-shadow: inset 0 10px 30px rgba(0,0,0,.3);*/
} }
.headerTitle { .headerTitle {
@ -489,6 +495,7 @@ header.filler {
.container { .container {
width: 100%; width: 100%;
} }
/* /*
.container-fluid .row-fluid { .container-fluid .row-fluid {
width: 1000px; width: 1000px;
@ -496,6 +503,12 @@ header.filler {
margin-right: auto; margin-right: auto;
}*/ }*/
.divider {
height: 3px;
background-color: #BEDAEA;
margin-bottom: 3px;
}
.sidebarContainer { .sidebarContainer {
width: 280px; width: 280px;
margin-left: 0px; margin-left: 0px;
@ -515,6 +528,10 @@ header.filler {
color: #404040; color: #404040;
} }
.mainContent .hero-unit {
background: rgba(255, 255, 255, 0.5);
}
#documentation { #documentation {
padding-bottom: 10px; padding-bottom: 10px;
} }
@ -529,13 +546,22 @@ div#documentation article:last-child {
padding-bottom: 40px; padding-bottom: 40px;
} }
#documentation article.article.methodToggleOpen { #documentation article.article.methodToggleOpen {
background: url(../images/method_bg.png) repeat 0 0; background: rgba(255, 255, 255, 0.5);
margin : 0 0 10px 0; padding: 20px;
font-size: 13px;
line-height: 24px;
margin: 0 0 10px 0;
} }
#documentation article:first-child { #documentation article:first-child {
border:none; border:none;
} }
.site_logo {
display: block;
margin-left: auto;
margin-right: auto;
}
/* /*
Edit in Cloud9, sucka Edit in Cloud9, sucka
*/ */

BIN
doc/resources/ace/skeleton/images/swirl_divider.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1 KiB

2
doc/resources/ace/templates/ace_menu.jade
View file

@ -2,6 +2,8 @@ div#well
h3 Ace Reference h3 Ace Reference
div.swirl_divider
ul.menu ul.menu
li li
div.menu-item div.menu-item

44
doc/resources/ace/templates/layout.jade
View file

@ -7,32 +7,34 @@ include lib
<!--[if IE 8]> <html class="no-js ie8 oldie" lang="en"> <![endif]--> <!--[if IE 8]> <html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]--> <!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
mixin head html(xmlns="http://www.w3.org/1999/xhtml")
head
mixin head
body body
#nonFooter #nonFooter
#wrapper #wrapper
mixin navBar mixin navBar
header.filler header.filler
.container .container
.content .content
.row.centerpiece .row.centerpiece
.span3.offset6.sidebarContainer .span3.offset6.sidebarContainer
#sidebar #sidebar
include ace_menu.jade include ace_menu.jade
.span9.mainContent .span9.mainContent
#documentation #documentation
-if (isIndex) -if (isIndex)
mixin markdown(indexContent) mixin markdown(indexContent)
-else -else
mixin api() mixin api()
div(id="disqus_thread") div(id="disqus_thread")
mixin footer mixin footer
mixin endingScripts mixin endingScripts

3
doc/resources/common_layout.jade
View file

@ -4,6 +4,7 @@
mixin doctype mixin doctype
!!! 5 !!! 5
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]--> <!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="no-js ie7 oldie" lang="en"> <![endif]--> <!--[if IE 7]> <html class="no-js ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="no-js ie8 oldie" lang="en"> <![endif]--> <!--[if IE 8]> <html class="no-js ie8 oldie" lang="en"> <![endif]-->
@ -20,7 +21,7 @@ mixin head
title #{title} - #{fileName} title #{title} - #{fileName}
meta(name="generator", content="c9-doc-build") meta(name="generator", content="c9-doc-build")
meta(name="description", content="A complete and community-driven resource for learning and developing Node.js applications.") meta(name="description", content="Ace API documentation for the online code editor.")
meta(name="author", content="Garen J. Torikian") meta(name="author", content="Garen J. Torikian")
meta(name="viewport", content="width=device-width,initial-scale=1") meta(name="viewport", content="width=device-width,initial-scale=1")

256
index.html
View file

@ -1,134 +1,150 @@
<!DOCTYPE html> <!DOCTYPE html><!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="no-js ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<html xmlns="http://www.w3.org/1999/xhtml"> <html xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://www.w3.org/2005/10/profile"> <head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <meta charset="utf-8">
<title>ACE - Ajax.org Cloud9 Editor</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="description" content=""/> <title>ACE - Ajax.org Cloud9 Editor</title>
<meta name="keywords" content=""/> <meta name="generator" content="c9-doc-build">
<link href="doc/site/style.css" rel="stylesheet" type="text/css" /> <meta name="description" content="Ace: the online code editor">
<link rel="stylesheet" media="all and (max-device-width: 480px)" href="doc/site/iphone.css"> <meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" media="all and (min-device-width: 481px) and (max-device-width: 1024px)" href="doc/site/iphone.css"> <link rel="stylesheet" href="./doc/resources/ace/skeleton/csses/bootstrap.min.css">
</head> <link rel="stylesheet" href="./doc/resources/ace/skeleton/csses/prettify.css">
<body> <link rel="stylesheet" href="./doc/resources/ace/skeleton/csses/ace_api.css">
<div id="header"> <link href="./doc/resources/ace/skeleton/images/favicon.ico" rel="icon" type="image/x-icon">
<div class="content"> </head>
<div class="logo"></div>
<div class="title"></div> <body>
<div class="signature">Previously Skywriter, Bespin</div> <div id="nonFooter">
<div id="wrapper">
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<ul class="nav topLinks">
<li id="ace_site"class="active"><a href="http://ace.ajax.org">Ace</a></li>
<li id="ace_api"><a href="http://ace.ajax.org/api">Ace API Reference</a></li>
</ul>
</div> </div>
</div>
</div> </div>
<div id="wrapper">
<div class="content"> <header class="filler"></header>
<div class="column1">
<a href="http://github.com/ajaxorg/ace"><div class="fork_on_github"></div></a> <div class="container">
<div class="menu"> <div class="content">
<h4>User Resources</h4> <div class="row centerpiece">
<ul class="menu-list"> <div class="span3 offset6 sidebarContainer">
<li><a href="http://groups.google.com/group/ace-discuss">Ace Google Group</a></li> <div id="sidebar">
<li><a href="http://groups.google.com/group/ace-internals">Ace Core Google Group</a></li> <div id="well">
<li><a href="irc://irc.freenode.net/%23ace">irc.freenode.net #ace</a></li> <h4>User Resources</h4>
</ul> <ul class="menu">
<h4>Related Projects</h4> <li><a href="http://groups.google.com/group/ace-discuss">Ace Google Group</a></li>
<ul class="menu-list"> <li><a href="http://groups.google.com/group/ace-internals">Ace Core Google Group</a></li>
<li><a href="https://github.com/joewalker/gcli">GCLI</a></li> <li><a href="irc://irc.freenode.net/%23ace">irc.freenode.net #ace</a></li>
<li><a href="https://github.com/mozilla/dryice">DryIce</a></li> </ul>
<li><a href="https://github.com/cadorn/ace-extjs">Ace wrapper for ExtJS</a></li> <h4>Related Projects</h4>
<li><a href="https://github.com/daveho/AceGWT">Ace wrapper for GWT</a></li> <ul class="menu">
</ul> <li><a href="https://github.com/joewalker/gcli">GCLI</a></li>
<h4>Projects Using Ace</h4> <li><a href="https://github.com/mozilla/dryice">DryIce</a></li>
<ul class="menu-list"> <li><a href="https://github.com/cadorn/ace-extjs">Ace wrapper for ExtJS</a></li>
<li><a href="https://github.com/ajaxorg/cloud9">Cloud9 IDE</a></li> <li><a href="https://github.com/daveho/AceGWT">Ace wrapper for GWT</a></li>
<li><a href="https://github.com/blog/905-edit-like-an-ace">GitHub</a></li> </ul>
<li><a href="https://github.com/Gozala/sky-edit">Sky Edit</a></li> <h4>Projects Using Ace</h4>
<li><a href="http://www.wavemaker.com/">WaveMaker</a></li> <ul class="menu">
<li><a href="http://rstudio.org/">RStudio</a></li> <li><a href="https://github.com/ajaxorg/cloud9">Cloud9 IDE</a></li>
<li><a href="http://www.playmycode.com/">Play My Code</a></li> <li><a href="https://github.com/blog/905-edit-like-an-ace">GitHub</a></li>
<li><a href="http://demo.qooxdoo.org/devel/playground/#">Qooxdoo playground</a></li> <li><a href="https://github.com/Gozala/sky-edit">Sky Edit</a></li>
<li><a href="http://ext.radiantcms.org/extensions/264-ace">Radiant CMS</a></li> <li><a href="http://www.wavemaker.com/">WaveMaker</a></li>
<li><a href="http://developercompanion.com/">Developer Companion</a></li> <li><a href="http://rstudio.org/">RStudio</a></li>
<li><a href="https://builder.addons.mozilla.org/">Mozilla Add-on Builder</a></li> <li><a href="http://www.playmycode.com/">Play My Code</a></li>
<li><a href="http://www.pythonanywhere.com/">PythonAnywhere</a></li> <li><a href="http://demo.qooxdoo.org/devel/playground/#">Qooxdoo playground</a></li>
<li><a href="http://shiftedit.net/">shiftEdit</a></li> <li><a href="http://ext.radiantcms.org/extensions/264-ace">Radiant CMS</a></li>
<li><a href="http://www.akshell.com/">Akshell</a></li> <li><a href="http://developercompanion.com/">Developer Companion</a></li>
<li><a href="http://beanstalkapp.com/">beanstalk</a></li> <li><a href="https://builder.addons.mozilla.org/">Mozilla Add-on Builder</a></li>
<li><a href="http://neutronide.com/">Neutron IDE</a></li> <li><a href="http://www.pythonanywhere.com/">PythonAnywhere</a></li>
<li><a href="https://addons.mozilla.org/en-US/firefox/addon/acebug/">Acebug</a></li> <li><a href="http://shiftedit.net/">shiftEdit</a></li>
<li><a href="http://www.weecod.com">Weecod</a></li> <li><a href="http://www.akshell.com/">Akshell</a></li>
<li><a href="http://www.applaudcloud.com">AppLaud Cloud</a></li> <li><a href="http://beanstalkapp.com/">beanstalk</a></li>
<li><a href='http://rubymonk.com'>RubyMonk</a></li> <li><a href="http://neutronide.com/">Neutron IDE</a></li>
<li><a href='http://rocktronica.github.com/tmpltr/'>tmpltr</a></li> <li><a href="https://addons.mozilla.org/en-US/firefox/addon/acebug/">Acebug</a></li>
<li><a href='http://dev.cmsmadesimple.org/projects/aceeditor'>CMS Made Simple</a></li> <li><a href="http://www.weecod.com">Weecod</a></li>
</ul> <li><a href="http://www.applaudcloud.com">AppLaud Cloud</a></li>
<h4>Syntax Highlighters</h4> <li><a href='http://rubymonk.com'>RubyMonk</a></li>
<ul class="menu-list"> <li><a href='http://rocktronica.github.com/tmpltr/'>tmpltr</a></li>
<li><a href="https://github.com/ajaxorg/ace/tree/master/lib/ace/mode">Javascript</a></li> <li><a href='http://dev.cmsmadesimple.org/projects/aceeditor'>CMS Made Simple</a></li>
<li><a href="https://github.com/ajaxorg/ace/tree/master/lib/ace/mode">HTML</a></li> </ul>
<li><a href="https://github.com/ajaxorg/ace/tree/master/lib/ace/mode">CSS</a></li> <h4>Syntax Highlighters</h4>
<li><a href="https://github.com/ajaxorg/ace/tree/master/lib/ace/mode">XML</a></li> <ul class="menu">
<li><a href="https://github.com/ajaxorg/ace/tree/master/lib/ace/mode">Python</a></li> <li><a href="https://github.com/ajaxorg/ace/tree/master/lib/ace/mode">Javascript</a></li>
<li><a href="https://github.com/ajaxorg/ace/tree/master/lib/ace/mode">PHP</a></li> <li><a href="https://github.com/ajaxorg/ace/tree/master/lib/ace/mode">HTML</a></li>
<li><a href="https://github.com/ajaxorg/ace/tree/master/lib/ace/mode">Java</a></li> <li><a href="https://github.com/ajaxorg/ace/tree/master/lib/ace/mode">CSS</a></li>
<li><a href="https://github.com/ajaxorg/ace/tree/master/lib/ace/mode">Ruby</a></li> <li><a href="https://github.com/ajaxorg/ace/tree/master/lib/ace/mode">XML</a></li>
<li><a href="https://github.com/ajaxorg/ace/tree/master/lib/ace/mode">C++</a></li> <li><a href="https://github.com/ajaxorg/ace/tree/master/lib/ace/mode">Python</a></li>
<li><a href="https://github.com/ajaxorg/ace/tree/master/lib/ace/mode">CoffeeScript</a></li> <li><a href="https://github.com/ajaxorg/ace/tree/master/lib/ace/mode">PHP</a></li>
</ul> <li><a href="https://github.com/ajaxorg/ace/tree/master/lib/ace/mode">Java</a></li>
</div> <li><a href="https://github.com/ajaxorg/ace/tree/master/lib/ace/mode">Ruby</a></li>
<li><a href="https://github.com/ajaxorg/ace/tree/master/lib/ace/mode">C++</a></li>
<li><a href="https://github.com/ajaxorg/ace/tree/master/lib/ace/mode">CoffeeScript</a></li>
</ul>
</div>
</div> </div>
<div class="column2"> </div>
<p id="first">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 <a href="http://www.cloud9ide.com">Cloud9 IDE</a> and the successor of the Mozilla Skywriter (Bespin) Project.</p> <div class="span9 mainContent">
<a href="http://github.com/ajaxorg/ace"><img style="z-index: 20000; position: absolute; top: 0; right: 0; border: 0;" src="https://a248.e.akamai.net/camo.github.com/7afbc8b248c68eb468279e8c17986ad46549fb71/687474703a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f6461726b626c75655f3132313632312e706e67" alt="Fork me on GitHub"></a>
<h2>Features</h2> <div class="hero-unit">
<img src="./doc/site/images/logo.png" alt="Ace Logo" class="site_logo"/>
<p>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.</p>
<p>Check out <a href="build/kitchen-sink.html">the Ace live demo</a> or get a <a href="http://c9.io">Cloud9 IDE account</a> to experience Ace while editing one of your own GitHub projects.</p>
<!--<img src="./doc/site/images/ace.png" alt="Ajax.org Cloud9 Editor"/> -->
</div>
<h2>Features</h2>
<div class="divider"></div> <div class="divider"></div>
<ul class="content-list"> <ul class="content-list">
<li><a href="http://pcwalton.blogspot.com/2010/11/syntax-highlighting-specification.html">Syntax highlighting</a></li> <li><a href="http://pcwalton.blogspot.com/2010/11/syntax-highlighting-specification.html">Syntax highlighting</a></li>
<li>Auto indentation and outdent</li> <li>Auto indentation and outdent</li>
<li><a href="https://github.com/mozilla/gcli">An optional command line</a></li> <li><a href="https://github.com/mozilla/gcli">An optional command line</a></li>
<li>Work with huge documents (100,000 lines and more are no problem)</li> <li>Work with huge documents (100,000 lines and more are no problem)</li>
<li>Fully customizable key bindings including VI and Emacs modes</li> <li>Fully customizable key bindings including VI and Emacs modes</li>
<li>Themes (TextMate themes can be imported)</li> <li>Themes (TextMate themes can be imported)</li>
<li>Search and replace with regular expressions</li> <li>Search and replace with regular expressions</li>
<li>Highlight matching parentheses</li> <li>Highlight matching parentheses</li>
<li>Toggle between soft tabs and real tabs</li> <li>Toggle between soft tabs and real tabs</li>
<li>Displays hidden characters</li> <li>Displays hidden characters</li>
<li>Highlight selected word</li> <li>Highlight selected word</li>
</ul> </ul>
<h2>Take Ace for a spin!</h2> <h2>Contribute</h2>
<div class="divider"></div> <div class="divider"></div>
<p>Check out the <a href="build/kitchen-sink.html">Ace live demo</a> or get a <a href="http://c9.io">Cloud9 IDE account</a> to experience Ace while editing one of your own GitHub projects.</p> <p>Ace is a community project. We actively encourage and support contributions. The Ace source code is <a href="http://github.com/ajaxorg/ace">hosted on GitHub</a>. 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!
<pre>git clone git://github.com/ajaxorg/ace.git</pre></p>
<h2>History</h2> <h2>History</h2>
<div class="divider"></div> <div class="divider"></div>
<p>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 &lt;canvas> tag, while Ace is the Editor component of the <a href="http://cloud9ide.com">Cloud9 IDE</a> and is using the DOM for rendering. After the release of Ace at <a href="http://jsconf.eu/2010/speaker/kick_ass_code_editing_and_end.html">JSConf.eu 2010</a> 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 <a href="http://ajax.org">Ajax.org</a> and <a href="http://mozilla.org">Mozilla</a> are actively developing and maintaining Ace.</p> <p>Previously known as “Bespin,” and, later, “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 &lt;canvas> tag, while Ace is the Editor component of the <a href="http://cloud9ide.com">Cloud9 IDE</a> and is using the DOM for rendering. After the release of Ace at <a href="http://jsconf.eu/2010/speaker/kick_ass_code_editing_and_end.html">JSConf.eu 2010</a> 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 <a href="http://ajax.org">Ajax.org</a> and <a href="http://mozilla.org">Mozilla</a> are actively developing and maintaining Ace.</p>
</div>
<h2>Getting the code</h2>
<div class="divider"></div>
<p>Ace is a community project. We actively encourage and support contributions. The Ace source code is <a href="http://github.com/ajaxorg/ace">hosted on GitHub</a>. 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!
<pre>git clone git://github.com/ajaxorg/ace.git</pre></p>
</div>
</div> </div>
</div>
</div> </div>
<div id="footer"> </div>
<ul class="menu-footer"> </div>
<li><a href="http://c9.io">About Cloud9</a></li> <footer id="footer">
<li>|</li> <div class="container">
<li>Ace & Cloud9 IDE are &copy; <a href="http://ajax.org">Ajax.org</a> 2012</li> <div class="footer-text pull-right">
</ul> <p><a href="http://www.c9.io">About Cloud9</a> | Ace & Cloud9 IDE are &copy; <a href="http://ajax.org">Ajax.org</a> 2012</p>
</div> </div>
</div>
</footer>
<script type="text/javascript"> <script defer src="./doc/resources/ace/javascripts/ga.js"></script>
var _gaq = _gaq || []; <!-- end scripts--><!--[if lt IE 7]>
_gaq.push(['_setAccount', 'UA-18736001-1']); <script src="//ajax.googleapis.com/ajax/libs/chrome-frame/1.0.3/CFInstall.min.js"></script>
_gaq.push(['_trackPageview']); <script>
window.attachEvent('onload',function(){CFInstall.check({mode:'overlay'})})
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; </script><![endif]-->
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; </body>
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</body>
</html> </html>